study.vue 240 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741774277437744774577467747774877497750775177527753775477557756775777587759776077617762776377647765776677677768776977707771777277737774777577767777777877797780778177827783778477857786778777887789779077917792779377947795779677977798779978007801780278037804780578067807780878097810781178127813781478157816781778187819782078217822782378247825782678277828782978307831783278337834783578367837783878397840784178427843784478457846784778487849785078517852785378547855785678577858785978607861786278637864786578667867786878697870787178727873787478757876787778787879788078817882788378847885788678877888788978907891789278937894789578967897789878997900790179027903790479057906790779087909791079117912791379147915791679177918791979207921792279237924792579267927792879297930793179327933793479357936793779387939794079417942794379447945794679477948794979507951795279537954795579567957795879597960
  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 class="pb_left">
  8. <!-- <div class="courseTitle">{{ courseDetail.title }}</div> -->
  9. <el-tooltip
  10. class="courseTitle"
  11. effect="light"
  12. :content="courseDetail.title"
  13. placement="top"
  14. >
  15. <div>{{ courseDetail.title }}</div>
  16. </el-tooltip>
  17. <div class="ml">目录</div>
  18. <div class="cru_selectBox">
  19. <div v-for="(item, stageIndex) in navList" :key="stageIndex">
  20. <div class="blue_box_one" @click="get(stageIndex)">
  21. <div>第{{ stageIndex + 1 }}阶段</div>
  22. <div>{{ item.dyName }}</div>
  23. </div>
  24. <div class="twoChild" :class="{ navActive: item.isOpen }">
  25. <div
  26. class="navChild"
  27. v-for="(nav, navIndex) in item.task"
  28. :key="navIndex"
  29. >
  30. <div
  31. class="navTask"
  32. @click="openTask(stageIndex, navIndex, nav.id)"
  33. :class="{
  34. openTaskActive:
  35. navIndex == taskCount &&
  36. nav.id == navId &&
  37. stageIndex == courseType,
  38. }"
  39. >
  40. <div
  41. class="vedioNav"
  42. :class="{
  43. isClick:
  44. navIndex == taskCount &&
  45. nav.id == navId &&
  46. stageIndex == courseType,
  47. }"
  48. style="margin: 0"
  49. >
  50. 任务{{ navIndex + 1 }}
  51. </div>
  52. <el-tooltip
  53. class="navTaskname item"
  54. effect="light"
  55. :content="nav.taskName"
  56. placement="top"
  57. >
  58. <div>{{ nav.taskName }}</div>
  59. </el-tooltip>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. <div class="body_student">
  67. <div
  68. v-for="(jd, jdIndex) in chapInfoList"
  69. :key="jdIndex"
  70. style="background: #f2f2f2"
  71. >
  72. <div
  73. class="new_top"
  74. style="width: 100%; box-shadow: 0px 9px 0 0 #f2f2f2"
  75. >
  76. <div class="courseIndex">
  77. <div>第{{ jdIndex - 0 + 1 }}阶段</div>
  78. <el-tooltip effect="light" :content="jd.dyName" placement="top">
  79. <div>{{ jd.dyName }}</div>
  80. </el-tooltip>
  81. </div>
  82. <div class="btnAll">
  83. <!-- <div class="returnBtn" @click="nextOrpreSteps(0)">上一步</div> -->
  84. <!-- <div class="returnBtn" @click="nextOrpreSteps(1)">下一步</div> -->
  85. <div class="returnBtn" @click="allScrell" v-if="jdIndex == 0">
  86. 全屏
  87. </div>
  88. <div
  89. class="returnBtn"
  90. @click="juriVisible = true"
  91. v-if="jdIndex == 0 && tType == 3"
  92. >
  93. 权限
  94. </div>
  95. <div
  96. class="returnBtn"
  97. style="background: #225bc7"
  98. v-if="jdIndex == 0"
  99. @click.stop="
  100. goTo(
  101. '/courseDetail?userid=' +
  102. userid +
  103. '&oid=' +
  104. oid +
  105. '&org=' +
  106. org +
  107. '&cid=' +
  108. classId +
  109. '&courseId=' +
  110. id +
  111. '&tType=' +
  112. tType +
  113. '&screenType=' +
  114. screenType
  115. )
  116. "
  117. >
  118. 返回
  119. </div>
  120. </div>
  121. </div>
  122. <!-- v-for="(task, index) in chapInfoList[courseType].chapterInfo[0]
  123. .taskJson"
  124. :key="index"-->
  125. <div
  126. class="isNoMessage"
  127. v-if="
  128. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  129. .chapterData.length == 0 &&
  130. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  131. .toolChoose[0].tool.length == 0 &&
  132. chapInfoList[courseType].chapterInfo[0].video.length == 0 &&
  133. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  134. .taskDetail == '' &&
  135. !chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].eList
  136. "
  137. >
  138. <img src="../assets/icon/isNoMessage.png" alt />
  139. </div>
  140. <div
  141. class="study_top"
  142. v-for="(rw, rwIndex) in jd.chapterInfo[0].taskJson"
  143. :key="rwIndex"
  144. >
  145. <div class="rwCss">
  146. <div :id="jdIndex + '-' + rwIndex">任务{{ rwIndex + 1 }}</div>
  147. <div style="margin: 0px 0 0 10px">{{ rw.task }}</div>
  148. </div>
  149. <div
  150. class="vedioBox"
  151. v-if="
  152. vedio[jdIndex][rwIndex].length > 0 ||
  153. rw.taskDetail != '' ||
  154. rw.chapterData.length > 0
  155. "
  156. >
  157. <div class="checkbox">
  158. <div class="check" style="font-size: 25px" :id="rw.id">
  159. 学一学
  160. </div>
  161. </div>
  162. <div
  163. class="student_head"
  164. v-if="
  165. vedio[jdIndex][rwIndex].length > 0 ||
  166. textList[jdIndex][rwIndex].length > 0 ||
  167. file[jdIndex][rwIndex].length > 0 ||
  168. rw.taskDetail != ''
  169. "
  170. >
  171. <div class="taskBox">
  172. <div
  173. style="
  174. display: flex;
  175. flex-wrap: nowrap;
  176. flex-direction: column;
  177. position: relative;
  178. "
  179. >
  180. <div
  181. style="padding: 15px 0 15px 20px"
  182. v-if="rw.taskDetail != ''"
  183. v-html="rw.taskDetail ? rw.taskDetail : '暂无描述'"
  184. ></div>
  185. </div>
  186. </div>
  187. <div class="vedioTaskBox">
  188. <div
  189. class="box_course"
  190. v-if="
  191. vedio[jdIndex][rwIndex].length > 0 ||
  192. textList[jdIndex][rwIndex].length > 0 ||
  193. file[jdIndex][rwIndex].length > 0
  194. "
  195. >
  196. <div
  197. class="wheel"
  198. v-if="
  199. vedio.length &&
  200. vedio[jdIndex][rwIndex] &&
  201. vedio[jdIndex][rwIndex].length > 0 &&
  202. showType[jdIndex] &&
  203. showType[jdIndex][rwIndex] == 0
  204. "
  205. >
  206. <div class="workd_media" style="height: 100%">
  207. <video-player
  208. class="video-player vjs-custom-skin"
  209. :playsinline="true"
  210. :options="playerO[jdIndex][rwIndex]"
  211. @play="onPlayerPlay($event)"
  212. style="width: 90%; height: 100%; margin: 0 0 0 30px"
  213. ></video-player>
  214. </div>
  215. </div>
  216. <div
  217. class="wheel"
  218. v-if="showType[jdIndex][rwIndex] == 1"
  219. style="
  220. box-shadow: 0 0 6px 1px #f2f2f2;
  221. width: 90%;
  222. margin: 0 0 20px 30px;
  223. background: #f1f1f1;
  224. "
  225. >
  226. <div class="title">查看文档</div>
  227. <el-form class="textBox">
  228. <el-form-item class="textTitle">
  229. <div
  230. style="
  231. font-size: 22px;
  232. max-height: 100px;
  233. overflow: auto;
  234. "
  235. >
  236. {{ textList[jdIndex][rwIndex][0].name }}
  237. </div>
  238. </el-form-item>
  239. <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
  240. <div
  241. v-html="textList[jdIndex][rwIndex][0].url"
  242. class="textContent"
  243. ></div>
  244. </el-form>
  245. </div>
  246. <div
  247. class="wheel"
  248. v-if="showType[jdIndex][rwIndex] == 2"
  249. style="height: 520px; width: 95%; margin: 0 auto"
  250. >
  251. <iframe
  252. style="width: 100%; height: 100%; border: none"
  253. :src="pptImgUrl1[jdIndex][rwIndex]"
  254. ></iframe>
  255. </div>
  256. <div
  257. class="wheel"
  258. v-if="showType[jdIndex][rwIndex] == 3"
  259. style="height: 520px; width: 95%; margin: 0 auto"
  260. >
  261. <pdf
  262. :pdfUrl="pptImgUrl1[jdIndex][rwIndex]"
  263. style="width: 100%; height: 100%; overflow: auto"
  264. >
  265. </pdf>
  266. </div>
  267. <div
  268. class="wheel"
  269. v-if="showType[jdIndex][rwIndex] == 4"
  270. style="height: 520px; width: 95%; margin: 0 auto"
  271. >
  272. <el-image
  273. :src="pptImgUrl1[jdIndex][rwIndex]"
  274. fit="cover"
  275. style="width: 100%"
  276. ></el-image>
  277. </div>
  278. </div>
  279. <div
  280. class="vedioList"
  281. :class="
  282. vedio[jdIndex][rwIndex].length == 0 &&
  283. file[jdIndex][rwIndex].length == 0 &&
  284. textList[jdIndex][rwIndex].length == 0
  285. ? 'listNoVedio'
  286. : ''
  287. "
  288. v-if="
  289. (vedio.length &&
  290. vedio[jdIndex][rwIndex] &&
  291. vedio[jdIndex][rwIndex].length > 0) ||
  292. (textList.length &&
  293. textList[jdIndex][rwIndex] &&
  294. textList[jdIndex][rwIndex].length > 0) ||
  295. (lineList.length &&
  296. lineList[jdIndex][rwIndex] &&
  297. lineList[jdIndex][rwIndex].length > 0) ||
  298. (file.length &&
  299. file[jdIndex][rwIndex] &&
  300. file[jdIndex][rwIndex].length > 0)
  301. "
  302. >
  303. <div class="navTitile">内容列表:</div>
  304. <div class="navBox">
  305. <div
  306. v-show="
  307. vedio.length &&
  308. vedio[jdIndex][rwIndex] &&
  309. vedio[jdIndex][rwIndex].length > 0
  310. "
  311. >
  312. <!-- <div
  313. class="vedioNav"
  314. style="
  315. width: 80px;
  316. min-width: 80px;
  317. height: 30px;
  318. line-height: 36px;
  319. font-size: 16px;
  320. border-radius: 10px;
  321. "
  322. >
  323. 视频
  324. </div> -->
  325. <div
  326. class="vedioTimeBox"
  327. v-for="(media, vedioIndex) in vedio[jdIndex][rwIndex]"
  328. :key="vedioIndex + '1'"
  329. @click="
  330. lookVedio(media.url, jdIndex, rwIndex, vedioIndex)
  331. "
  332. >
  333. <div
  334. class="media"
  335. style="
  336. width: 90px;
  337. height: 60px;
  338. position: relative;
  339. "
  340. >
  341. <img
  342. style="height: 90px; width: 160px"
  343. :src="
  344. media.cover != null && media.cover != ''
  345. ? JSON.parse(media.cover).length > 0
  346. ? JSON.parse(media.cover)[0].url
  347. : mr
  348. : mr
  349. "
  350. alt
  351. />
  352. <!-- <div class="vedioTime" v-if="vedioTime[jdIndex]">
  353. {{ vedioTime[jdIndex][rwIndex][vedioIndex] }}
  354. </div> -->
  355. </div>
  356. <div
  357. class="vedioName"
  358. :class="
  359. isClickNavOne[jdIndex][rwIndex][vedioIndex] ==
  360. 'video' + vedioIndex
  361. ? 'isClickNavOne'
  362. : ''
  363. "
  364. >
  365. {{ media.name }}
  366. </div>
  367. </div>
  368. </div>
  369. <div
  370. v-show="
  371. textList.length &&
  372. textList[jdIndex][rwIndex] &&
  373. textList[jdIndex][rwIndex].length > 0
  374. "
  375. class="newNav"
  376. v-for="(text, textIndex) in textList[jdIndex][rwIndex]"
  377. :key="textIndex + '2'"
  378. @click="lookText(jdIndex, rwIndex, textIndex)"
  379. >
  380. <!-- <div
  381. class="vedioNav"
  382. style="
  383. width: 80px;
  384. min-width: 80px;
  385. height: 30px;
  386. line-height: 36px;
  387. font-size: 16px;
  388. border-radius: 10px;
  389. "
  390. >
  391. 文档
  392. </div> -->
  393. <div style="width: calc(100% - 115px)">
  394. <div
  395. class="navText"
  396. :class="
  397. isClickNavOne[jdIndex][rwIndex][textIndex] ==
  398. 'text' + textIndex
  399. ? 'isClickNavOne'
  400. : ''
  401. "
  402. >
  403. {{
  404. textList[jdIndex][rwIndex].length > 0
  405. ? text.name
  406. : ""
  407. }}.doc
  408. </div>
  409. </div>
  410. </div>
  411. <div
  412. v-show="
  413. lineList.length &&
  414. lineList[jdIndex][rwIndex] &&
  415. lineList[jdIndex][rwIndex].length > 0
  416. "
  417. class="newNav"
  418. v-for="(lines, lineIndex) in lineList[jdIndex][rwIndex]"
  419. :key="lineIndex + '4'"
  420. @click="doUrl(lines.url)"
  421. >
  422. <!-- <div
  423. class="vedioNav"
  424. style="
  425. width: 80px;
  426. min-width: 80px;
  427. height: 30px;
  428. line-height: 36px;
  429. font-size: 16px;
  430. border-radius: 10px;
  431. "
  432. >
  433. 链接
  434. </div> -->
  435. <div style="width: calc(100% - 115px)">
  436. <div class="navText">
  437. <a
  438. style="text-decoration: none; color: #000"
  439. target="_Blank"
  440. >{{ lines.url }}</a
  441. >
  442. </div>
  443. </div>
  444. </div>
  445. <div
  446. class="newNav"
  447. v-show="
  448. file.length &&
  449. file[jdIndex][rwIndex] &&
  450. file[jdIndex][rwIndex].length > 0
  451. "
  452. v-for="(f, fileIndex) in file[jdIndex][rwIndex]"
  453. :key="fileIndex"
  454. @click="downFile(f, fileIndex, jdIndex, rwIndex)"
  455. >
  456. <!-- <div
  457. class="vedioNav"
  458. style="
  459. width: 80px;
  460. min-width: 80px;
  461. height: 30px;
  462. line-height: 36px;
  463. font-size: 16px;
  464. border-radius: 10px;
  465. "
  466. >
  467. 文档
  468. </div> -->
  469. <div style="width: calc(100% - 115px)">
  470. <div
  471. class="navText"
  472. :class="
  473. isClickNavOne[jdIndex][rwIndex][fileIndex] ==
  474. 'word' + fileIndex
  475. ? 'isClickNavOne'
  476. : ''
  477. "
  478. >
  479. {{ f.name }}
  480. </div>
  481. </div>
  482. </div>
  483. </div>
  484. </div>
  485. </div>
  486. <div
  487. style="padding: 10px 30px 0"
  488. v-if="
  489. showType[jdIndex][rwIndex] == 2 ||
  490. showType[jdIndex][rwIndex] == 3
  491. "
  492. >
  493. <el-button
  494. type="primary"
  495. @click="
  496. checkFileFull(
  497. showType[jdIndex][rwIndex],
  498. pptImgUrl1[jdIndex][rwIndex]
  499. )
  500. "
  501. >全屏查看</el-button
  502. >
  503. </div>
  504. <div
  505. style="padding: 10px 30px 0"
  506. v-if="showType[jdIndex][rwIndex] == 1"
  507. >
  508. <el-button
  509. type="primary"
  510. @click="
  511. checkFileFull(
  512. showType[jdIndex][rwIndex],
  513. textList[jdIndex][rwIndex][0]
  514. )
  515. "
  516. >全屏查看</el-button
  517. >
  518. </div>
  519. </div>
  520. </div>
  521. <div class="student_body">
  522. <!-- <div
  523. class="vedioBox"
  524. v-if="
  525. file.length && file[taskCount] && file[taskCount].length > 0
  526. "
  527. >
  528. <div class="queTop">
  529. <div class="question" style="width: 30px; margin-top: 5px">
  530. <img src="../assets/icon/fileIcon.png" alt />
  531. </div>
  532. <div class="queTitle">
  533. <div>附件</div>
  534. </div>
  535. </div>
  536. <div class="filebox" style="width: 100%">
  537. <div
  538. class="file"
  539. v-for="(f, fileIndex) in file[taskCount]"
  540. :key="fileIndex"
  541. @click="downFile(f, fileIndex)"
  542. >
  543. <img :src="require('../assets/file.png')" alt />
  544. <div>{{ f.name }}</div>
  545. </div>
  546. </div>
  547. <div class="upFile" v-if="type == 3">提交</div>
  548. </div>-->
  549. <div
  550. class="vedioBox"
  551. v-if="
  552. rw.toolChoose[0].tool &&
  553. rw.toolChoose[0].tool.length &&
  554. rw.toolChoose[0].tool.length > 0
  555. "
  556. >
  557. <div
  558. class="queTop"
  559. style="
  560. font-size: 25px;
  561. padding: 15px 0 15px 30px;
  562. font-weight: bold;
  563. "
  564. >
  565. <!-- <div class="question" style="width: 30px">
  566. <img src="../assets/icon/toolIcon.png" alt />
  567. </div>
  568. <div class="queTitle">
  569. <div>工具</div>
  570. </div>-->
  571. 练一练
  572. </div>
  573. <div class="toolHeng2" style="position: relative">
  574. <div
  575. class="filebox"
  576. style="flex-wrap: nowrap; margin: 0 20px"
  577. v-for="(tool, toolIndex) in rw.toolChoose"
  578. :key="toolIndex"
  579. >
  580. <div class="bzBox">
  581. <div></div>
  582. <div>步骤{{ toolIndex + 1 }}</div>
  583. </div>
  584. <div class="toolBox">
  585. <div>
  586. <!-- v-for="(itemTool, indexTool) in toolTypeList"
  587. :key="indexTool"-->
  588. <!-- <div class="iframeBox">
  589. <div
  590. class="addPoint isBorder"
  591. v-for="(tooC, toolCIndex) in tool.tool"
  592. :key="toolCIndex"
  593. >
  594. <div v-if="tooC == 1" style="border: 1px soild #ccc">
  595. <div
  596. class="iframeName"
  597. >
  598. 电子白板
  599. </div>
  600. <iframe
  601. src="https://iwb.cocorobo.cn/"
  602. ref="whiteBoard"
  603. ></iframe>
  604. </div>
  605. </div>
  606. </div>-->
  607. <div class="tooldetail" v-if="tool.toolDetail != ''">
  608. <!-- <div class="toolTitle">工具描述</div> -->
  609. <div v-html="contentConvent(tool.toolDetail)">
  610. <!-- {{ contentConvent(tool.toolDetail) }} -->
  611. </div>
  612. </div>
  613. <div class="noiframeBox">
  614. <div
  615. class="addPoint"
  616. v-for="(tooC, toolCIndex) in tool.tool"
  617. :key="toolCIndex"
  618. >
  619. <div v-if="tooC == 1">
  620. <img
  621. @click="
  622. addTools(tooC, toolIndex, jdIndex, rwIndex)
  623. "
  624. src="../assets/icon/secondToolList/whiteBoard.png"
  625. alt
  626. />
  627. <div style="margin: 5px 0; padding-left: 8px">
  628. 电子白板
  629. </div>
  630. <!-- <div class="iframeName">电子白板</div>
  631. <iframe src="https://iwb.cocorobo.cn/" class="iframeCss"></iframe> -->
  632. </div>
  633. <div v-if="tooC == 3">
  634. <img
  635. @click="
  636. addTools(tooC, toolIndex, jdIndex, rwIndex)
  637. "
  638. src="../assets/icon/secondToolList/mindMapping.png"
  639. alt
  640. />
  641. <div style="margin: 5px 0; padding-left: 8px">
  642. 思维导图
  643. </div>
  644. <!-- <div class="iframeName">思维导图</div>
  645. <iframe src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
  646. class="iframeCss"></iframe> -->
  647. </div>
  648. <div v-if="tooC == 6">
  649. <img
  650. @click="
  651. addTools(tooC, toolIndex, jdIndex, rwIndex)
  652. "
  653. src="../assets/icon/secondToolList/doc.png"
  654. alt
  655. />
  656. <div style="margin: 5px 0; padding-left: 8px">
  657. 协同文档
  658. </div>
  659. <!-- <div class="iframeName">协同文档</div>
  660. <iframe src="https://cloud.cocorobo.cn/Office/Word/WordEditArea.htm"
  661. class="iframeCss"></iframe> -->
  662. </div>
  663. <div v-if="tooC == 7">
  664. <img
  665. @click="
  666. addTools(tooC, toolIndex, jdIndex, rwIndex)
  667. "
  668. src="../assets/icon/secondToolList/mindNetwork.png"
  669. alt
  670. />
  671. <div style="margin: 5px 0; padding-left: 8px">
  672. 思维网格
  673. </div>
  674. <!-- <div class="iframeName">思维网格</div>
  675. <iframe src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
  676. class="iframeCss"></iframe> -->
  677. </div>
  678. <div v-if="tooC == 8">
  679. <div class="iframeName">素材库</div>
  680. <iframe
  681. src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/library"
  682. class="iframeCss"
  683. ></iframe>
  684. </div>
  685. <div v-if="tooC == 17">
  686. <div class="iframeName">学习资料</div>
  687. <iframe
  688. src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/studyLibrary"
  689. class="iframeCss"
  690. ></iframe>
  691. </div>
  692. <div v-if="tooC == 2">
  693. <img
  694. @click="
  695. addTools(tooC, toolIndex, jdIndex, rwIndex)
  696. "
  697. src="../assets/icon/secondToolList/note.png"
  698. alt
  699. />
  700. <div style="margin: 5px 0; padding-left: 8px">
  701. 便签
  702. </div>
  703. <!-- <div class="iframeName">便签</div>
  704. <iframe src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/note"
  705. class="iframeCss"></iframe> -->
  706. </div>
  707. <div v-if="tooC == 25">
  708. <div class="iframeName">目标管理</div>
  709. <iframe
  710. :src="
  711. 'https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/evaluation?userid=' +
  712. userid +
  713. '&oid=' +
  714. oid +
  715. '&org=' +
  716. org
  717. "
  718. class="iframeCss"
  719. ></iframe>
  720. </div>
  721. <div v-if="tooC == 32">
  722. <img
  723. @click="
  724. addTools(tooC, toolIndex, jdIndex, rwIndex)
  725. "
  726. src="../assets/icon/thirdToolList/code.png"
  727. alt
  728. />
  729. <div style="margin: 5px 0; padding-left: 8px">
  730. 源码编辑
  731. </div>
  732. <!-- <div class="iframeName">源码编辑</div>
  733. <iframe src="//kitten.codemao.cn/" class="iframeCss"></iframe> -->
  734. </div>
  735. <div v-if="tooC == 31">
  736. <img
  737. @click="
  738. addTools(tooC, toolIndex, jdIndex, rwIndex)
  739. "
  740. src="../assets/icon/secondToolList/networkPanel.png"
  741. alt
  742. />
  743. <div style="margin: 5px 0; padding-left: 8px">
  744. 数学画板
  745. </div>
  746. <!-- <div class="iframeName">数学画板</div>
  747. <iframe src="//www.netpad.net.cn/svg.html" class="iframeCss"></iframe> -->
  748. </div>
  749. <div v-if="tooC == 28">
  750. <img
  751. @click="
  752. addTools(tooC, toolIndex, jdIndex, rwIndex)
  753. "
  754. src="../assets/icon/secondToolList/translation.png"
  755. alt
  756. />
  757. <div style="margin: 5px 0; padding-left: 8px">
  758. 翻译
  759. </div>
  760. <!-- <div class="iframeName">翻译</div>
  761. <iframe src="//dict.youdao.com/" class="iframeCss"></iframe> -->
  762. </div>
  763. <div v-if="tooC == 37">
  764. <img
  765. @click="
  766. addTools(tooC, toolIndex, jdIndex, rwIndex)
  767. "
  768. src="../assets/icon/secondToolList/mohe.png"
  769. alt
  770. />
  771. <div style="margin: 5px 0; padding-left: 8px">
  772. 魔盒识字
  773. </div>
  774. <!-- <div class="iframeName">魔盒识字</div>
  775. <iframe src="//games.cocorobo.cn/view/index.html#/" class="iframeCss"></iframe> -->
  776. </div>
  777. <div v-if="tooC == 38">
  778. <img
  779. @click="
  780. addTools(tooC, toolIndex, jdIndex, rwIndex)
  781. "
  782. src="../assets/icon/secondToolList/24game.png"
  783. alt
  784. />
  785. <div style="margin: 5px 0; padding-left: 8px">
  786. 24点
  787. </div>
  788. <!-- <div class="iframeName">24点</div>
  789. <iframe src="//24.cocorobo.cn/#/index" class="iframeCss"></iframe> -->
  790. </div>
  791. <div v-if="tooC == 39">
  792. <img
  793. @click="
  794. addTools(tooC, toolIndex, jdIndex, rwIndex)
  795. "
  796. src="../assets/icon/secondToolList/GeoGebra.png"
  797. alt
  798. />
  799. <div style="margin: 5px 0; padding-left: 8px">
  800. GeoGebra
  801. </div>
  802. <!-- <div class="iframeName">GeoGebra</div>
  803. <iframe src="//www.geogebra.org/calculator" class="iframeCss"></iframe> -->
  804. </div>
  805. <div v-if="tooC == 4">
  806. <img
  807. @click="
  808. addTools(tooC, toolIndex, jdIndex, rwIndex)
  809. "
  810. src="../assets/icon/thirdToolList/ask.png"
  811. alt
  812. />
  813. <div style="margin: 5px 0; padding-left: 8px">
  814. 选择题
  815. </div>
  816. <!-- <div class="iframeName">选择题</div> -->
  817. <!-- <div>
  818. <div
  819. class="a_add_title"
  820. style="
  821. display: flex;
  822. flex-direction: row;
  823. align-items: center;
  824. justify-content: flex-start;
  825. margin: 10px 0;
  826. "
  827. >
  828. <div
  829. style="margin-right: 20px; font-size: 20px"
  830. >
  831. 标题:
  832. </div>
  833. <div style="font-size: 20px">
  834. {{ tool.askTitle }}
  835. </div>
  836. </div>
  837. <div
  838. class="a_addBox"
  839. style="padding: 0 !important"
  840. >
  841. <div style="font-size: 16px; color: #c7c7c7">
  842. 题目内容
  843. </div>
  844. <div
  845. class="a_add_box"
  846. v-for="(item1, index1) in tool.askCount"
  847. :key="index1"
  848. >
  849. <div class="a_add_head">
  850. <div style="display: flex">
  851. {{ index1 + 1 + "、" }}
  852. <div>
  853. 题目:{{
  854. tool.askJson[index1].askstitle
  855. }}
  856. </div>
  857. </div>
  858. <img
  859. v-if="tool.askJson[index1].img"
  860. :src="tool.askJson[index1].img"
  861. style="width: 100%; margin-top: 10px"
  862. />
  863. </div>
  864. <div class="a_add_body">
  865. <div class="a_add_input">
  866. <el-radio-group v-model="radio[index1]">
  867. <el-radio
  868. v-for="(item2, checkIndex) in tool
  869. .askJson[index1].checkList"
  870. :key="checkIndex"
  871. :label="checkIndex"
  872. :disabled="isAnswer"
  873. class="redioStyle"
  874. ><span v-html="item2"></span>
  875. </el-radio>
  876. </el-radio-group>
  877. </div>
  878. </div>
  879. </div>
  880. </div>
  881. </div> -->
  882. </div>
  883. <!-- <div v-if="tooC == 5">
  884. <img
  885. @click="addTools(tooC, toolIndex, taskCount)"
  886. src="../assets/icon/thirdToolList/score.png"
  887. alt
  888. />
  889. <div style="margin: 5px 0">量规评分</div>
  890. </div> -->
  891. <div v-if="tooC == 10">
  892. <img
  893. @click="
  894. addTools(tooC, toolIndex, jdIndex, rwIndex)
  895. "
  896. src="../assets/icon/thirdToolList/time.png"
  897. alt
  898. />
  899. <div style="margin: 5px 0; padding-left: 8px">
  900. 倒计时
  901. </div>
  902. <!-- <div class="iframeName">倒计时</div>
  903. <div>
  904. <Time></Time>
  905. </div> -->
  906. </div>
  907. <div v-if="tooC == 15">
  908. <div class="iframeName">问答工具</div>
  909. <div>
  910. <div
  911. style="
  912. display: flex;
  913. flex-wrap: nowrap;
  914. flex-direction: column;
  915. position: relative;
  916. "
  917. >
  918. <div
  919. class="queTop"
  920. style="padding: 20px 0 20px 0"
  921. >
  922. <div class="question">
  923. <img
  924. src="../assets/icon/question.png"
  925. alt
  926. />
  927. </div>
  928. <div class="queTitle">
  929. <div style="width: 90px; min-width: 90px">
  930. 提问:
  931. </div>
  932. <div>{{ tool.answerQ }}</div>
  933. </div>
  934. </div>
  935. </div>
  936. </div>
  937. </div>
  938. <div v-if="tooC == 26">
  939. <img
  940. @click="
  941. addTools(tooC, toolIndex, jdIndex, rwIndex)
  942. "
  943. src="../assets/icon/thirdToolList/courseDesign.png"
  944. alt
  945. />
  946. <div style="margin: 5px 0; padding-left: 8px">
  947. 课程设计
  948. </div>
  949. <!-- <div class="iframeName">课程设计</div>
  950. <iframe src="https://cloud.cocorobo.cn/course-design/index.html"
  951. class="iframeCss"></iframe> -->
  952. </div>
  953. <div v-if="tooC == 18">
  954. <img
  955. @click="
  956. addTools(tooC, toolIndex, jdIndex, rwIndex)
  957. "
  958. src="../assets/icon/thirdToolList/trainPlatform.png"
  959. alt
  960. />
  961. <div style="margin: 5px 0; padding-left: 8px">
  962. 训练平台
  963. </div>
  964. <!-- <div class="iframeName">训练平台</div>
  965. <iframe src="https://xunlian.cocorobo.cn/" class="iframeCss"></iframe> -->
  966. </div>
  967. <div v-if="tooC == 16">
  968. <img
  969. @click="
  970. addTools(tooC, toolIndex, jdIndex, rwIndex)
  971. "
  972. src="../assets/icon/thirdToolList/work.png"
  973. alt
  974. />
  975. <div style="margin: 5px 0; padding-left: 8px">
  976. 作业提交
  977. </div>
  978. </div>
  979. <div v-if="tooC == 21">
  980. <img
  981. @click="
  982. addTools(tooC, toolIndex, jdIndex, rwIndex)
  983. "
  984. src="../assets/icon/fourthToolList/program.png"
  985. alt
  986. />
  987. <div style="margin: 5px 0; padding-left: 8px">
  988. 编程平台
  989. </div>
  990. <!-- <div class="iframeName">编程平台</div>
  991. <iframe src="https://x.cocorobo.cn" class="iframeCss"></iframe> -->
  992. </div>
  993. <div v-if="tooC == 22">
  994. <img
  995. @click="
  996. addTools(tooC, toolIndex, jdIndex, rwIndex)
  997. "
  998. src="../assets/icon/fourthToolList/AIprogram2.png"
  999. alt
  1000. />
  1001. <div style="margin: 5px 0; padding-left: 8px">
  1002. AI体验
  1003. </div>
  1004. <!-- <div class="iframeName">AI体验</div>
  1005. <iframe src="https://aihub.cocorobo.cn/" class="iframeCss"></iframe> -->
  1006. </div>
  1007. <div v-if="tooC == 23">
  1008. <img
  1009. @click="
  1010. addTools(tooC, toolIndex, jdIndex, rwIndex)
  1011. "
  1012. src="../assets/icon/fourthToolList/Pythonprogram.png"
  1013. alt
  1014. />
  1015. <div style="margin: 5px 0; padding-left: 8px">
  1016. python
  1017. </div>
  1018. <!-- <div class="iframeName">python</div>
  1019. <iframe src="https://python-blockly.cocorobo.cn/" class="iframeCss"></iframe> -->
  1020. </div>
  1021. <div v-if="tooC == 24">
  1022. <img
  1023. @click="
  1024. addTools(tooC, toolIndex, jdIndex, rwIndex)
  1025. "
  1026. src="../assets/icon/fourthToolList/program.png"
  1027. alt
  1028. />
  1029. <div style="margin: 5px 0; padding-left: 8px">
  1030. AI平台
  1031. </div>
  1032. <!-- <div class="iframeName">AI平台</div>
  1033. <iframe src="https://ai-blockly.cocorobo.cn/?lang=zh-hans" class="iframeCss"></iframe> -->
  1034. </div>
  1035. <div v-if="tooC == 40">
  1036. <img
  1037. @click="
  1038. addTools(tooC, toolIndex, jdIndex, rwIndex)
  1039. "
  1040. src="../assets/icon/secondToolList/eval.png"
  1041. alt
  1042. />
  1043. <div style="margin: 5px 0; padding-left: 8px">
  1044. 学生评价
  1045. </div>
  1046. </div>
  1047. <div v-if="tooC == 41">
  1048. <img
  1049. @click="
  1050. addTools(tooC, toolIndex, jdIndex, rwIndex)
  1051. "
  1052. src="../assets/icon/thirdToolList/select.png"
  1053. alt
  1054. />
  1055. <div style="margin: 5px 0; padding-left: 8px">
  1056. 选择填空
  1057. </div>
  1058. </div>
  1059. </div>
  1060. </div>
  1061. </div>
  1062. </div>
  1063. <div
  1064. v-if="
  1065. worksStudent[jdIndex] &&
  1066. worksStudent[jdIndex][rwIndex] &&
  1067. tType &&
  1068. tType == 3 &&
  1069. tool.tool.indexOf(16) != -1
  1070. "
  1071. class="worksBox"
  1072. >
  1073. <div
  1074. style="padding-top: 15px; font-size: 18px"
  1075. v-if="
  1076. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  1077. "
  1078. >
  1079. 作业预览
  1080. </div>
  1081. <div
  1082. class="worksDetailBox"
  1083. v-if="
  1084. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  1085. "
  1086. >
  1087. <div
  1088. class="works"
  1089. style="
  1090. width: 200px;
  1091. height: 140px;
  1092. margin: 10px 10px 10px 0;
  1093. border-radius: 15px;
  1094. box-shadow: 0 0 6px 1px #dfdada;
  1095. "
  1096. v-for="(w, wIndex) in worksStudent[jdIndex][rwIndex][
  1097. toolIndex
  1098. ]"
  1099. :key="wIndex"
  1100. :class="w.type == 1 ? 'isTypeOne' : ''"
  1101. >
  1102. <div class="workImg" v-if="w.type == 0">
  1103. <img
  1104. :src="w.works"
  1105. @click="previewImg(w.works)"
  1106. alt
  1107. />
  1108. </div>
  1109. <div class="workImg" v-if="w.type == 1">
  1110. <img :src="word" @click="openFile(w.works)" alt />
  1111. </div>
  1112. <div class="workImg" v-if="w.type == 3">
  1113. <img
  1114. style="cursor: pointer"
  1115. :src="video"
  1116. @click="openVideo(w.works)"
  1117. alt
  1118. />
  1119. </div>
  1120. <div class="comment" style="min-width: 200px">
  1121. <div class="worksName">
  1122. <div>{{ w.sName }}</div>
  1123. </div>
  1124. <div class="commentList">
  1125. <div class="commentList">
  1126. <div
  1127. class="commentImg"
  1128. @click="
  1129. isLikes(w.wid, userid, 1, null, w.isLikes)
  1130. "
  1131. >
  1132. <img
  1133. :src="w.isLikes == true ? likes : noLikes"
  1134. alt=""
  1135. />
  1136. </div>
  1137. <div>{{ w.likesCount }}</div>
  1138. </div>
  1139. <div
  1140. class="commentList"
  1141. style="margin-right: 15px"
  1142. >
  1143. <div
  1144. class="commentImg"
  1145. @click="
  1146. commentOther(
  1147. w,
  1148. jdIndex,
  1149. rwIndex,
  1150. toolIndex,
  1151. wIndex
  1152. )
  1153. "
  1154. >
  1155. <img
  1156. src="../assets/icon/comment/comment.png"
  1157. alt=""
  1158. />
  1159. </div>
  1160. <div>{{ w.commentCount }}</div>
  1161. </div>
  1162. </div>
  1163. </div>
  1164. </div>
  1165. </div>
  1166. <div style="font-size: 18px">未提交</div>
  1167. <div class="noWorksS">
  1168. <div
  1169. v-for="(s, sIndex) in noWorksS[toolIndex]"
  1170. :key="sIndex"
  1171. class="noWorksName"
  1172. >
  1173. {{ s.student }}
  1174. </div>
  1175. </div>
  1176. </div>
  1177. <div
  1178. v-if="
  1179. worksStudent[jdIndex] &&
  1180. worksStudent[jdIndex][rwIndex] &&
  1181. tType &&
  1182. tType == 3 &&
  1183. tool.tool.indexOf(4) != -1 &&
  1184. (tool.askJson[0].answer || tool.askJson[0].answer === 0)
  1185. "
  1186. class="xuan_right_box"
  1187. >
  1188. <div
  1189. class="tool_right_box"
  1190. v-for="(item, index) in tool.askJson"
  1191. :key="index"
  1192. >
  1193. <div>
  1194. <span>{{ index + 1 + "、" + item.askstitle }}</span>
  1195. </div>
  1196. <div
  1197. class="right_box_xuan"
  1198. v-for="(item1, checkIndex) in item.askItem"
  1199. :key="checkIndex"
  1200. v-if="item.answer == checkIndex"
  1201. >
  1202. <span>正确率</span>
  1203. <span>{{
  1204. (checkJson[jdIndex][rwIndex][toolIndex][index]
  1205. .checkPerent[checkIndex]
  1206. ? checkJson[jdIndex][rwIndex][toolIndex][index]
  1207. .checkPerent[checkIndex]
  1208. : 0) + "%"
  1209. }}</span>
  1210. </div>
  1211. </div>
  1212. </div>
  1213. <div
  1214. v-if="
  1215. worksStudent[jdIndex] &&
  1216. worksStudent[jdIndex][rwIndex] &&
  1217. tType &&
  1218. tType == 3 &&
  1219. tool.tool.indexOf(4) != -1
  1220. "
  1221. class="worksBox"
  1222. >
  1223. <div
  1224. style="padding-top: 15px; font-size: 18px"
  1225. v-if="
  1226. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  1227. "
  1228. >
  1229. 作业预览
  1230. </div>
  1231. <div>
  1232. <div
  1233. class="worksDetailBox"
  1234. v-if="
  1235. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  1236. "
  1237. >
  1238. <div
  1239. class="works"
  1240. style="
  1241. width: 200px;
  1242. height: 140px;
  1243. border-radius: 10px;
  1244. margin: 10px 10px 10px 0;
  1245. box-shadow: 0 0 6px 1px #dfdada;
  1246. overflow: hidden;
  1247. "
  1248. v-for="(w, wIndex) in worksStudent[jdIndex][
  1249. rwIndex
  1250. ][toolIndex]"
  1251. :key="wIndex"
  1252. >
  1253. <!-- @click="previewImg(w.works)" -->
  1254. <div class="workImg">
  1255. <img
  1256. src="../assets/icon/works/noImg.png"
  1257. @click="
  1258. openTools(
  1259. 4,
  1260. toolIndex,
  1261. taskCount,
  1262. w.works,
  1263. w.sName
  1264. )
  1265. "
  1266. alt
  1267. />
  1268. </div>
  1269. <div class="worksName">
  1270. <div>{{ w.sName }}</div>
  1271. <div>{{ w.time }}</div>
  1272. </div>
  1273. </div>
  1274. </div>
  1275. </div>
  1276. <div style="font-size: 18px">未提交</div>
  1277. <div class="noWorksS">
  1278. <div
  1279. v-for="(s, sIndex) in noWorksS[toolIndex]"
  1280. :key="sIndex"
  1281. class="noWorksName"
  1282. >
  1283. {{ s.student }}
  1284. </div>
  1285. </div>
  1286. <AskStatic
  1287. v-if="
  1288. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  1289. "
  1290. :askJSON="tool.askJson"
  1291. :checkJson="checkJson[jdIndex][rwIndex][toolIndex]"
  1292. ></AskStatic>
  1293. </div>
  1294. <div
  1295. v-if="
  1296. worksStudent[jdIndex] &&
  1297. worksStudent[jdIndex][rwIndex] &&
  1298. tType &&
  1299. tType == 3 &&
  1300. tool.tool.indexOf(15) != -1
  1301. "
  1302. class="worksBox"
  1303. >
  1304. <div
  1305. style="padding-top: 15px; font-size: 18px"
  1306. v-if="
  1307. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  1308. "
  1309. >
  1310. 作业预览
  1311. </div>
  1312. <div
  1313. class="worksDetailBox"
  1314. v-if="
  1315. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  1316. "
  1317. >
  1318. <div
  1319. class="works"
  1320. v-for="(w, wIndex) in worksStudent[jdIndex][rwIndex][
  1321. toolIndex
  1322. ]"
  1323. :key="wIndex"
  1324. >
  1325. <div
  1326. class="workImg"
  1327. style="
  1328. border-radius: 15px;
  1329. box-shadow: 0px 0px 10px 10px #f2f2f2;
  1330. "
  1331. >
  1332. <!-- <img
  1333. src="../assets/icon/works/noImg.png"
  1334. @click="openTools(15, toolIndex, taskCount, w.works)"
  1335. alt=""
  1336. />-->
  1337. <div
  1338. class="answerBg"
  1339. style="border-radius: 15px 15px 0 0"
  1340. >
  1341. <div>{{ w.sName }}</div>
  1342. <el-tooltip
  1343. class="item"
  1344. effect="light"
  1345. :content="JSON.parse(w.works)[0].answer"
  1346. placement="top"
  1347. >
  1348. <div class="answerContent">
  1349. {{ JSON.parse(w.works)[0].answer }}
  1350. </div>
  1351. </el-tooltip>
  1352. </div>
  1353. <div class="comment">
  1354. <div class="commentList">
  1355. <div
  1356. class="commentImg"
  1357. @click="
  1358. isLikes(w.wid, userid, 1, null, w.isLikes)
  1359. "
  1360. >
  1361. <img
  1362. :src="w.isLikes == true ? likes : noLikes"
  1363. alt=""
  1364. />
  1365. </div>
  1366. <div>{{ w.likesCount }}</div>
  1367. </div>
  1368. <div
  1369. class="commentList"
  1370. style="margin-right: 15px"
  1371. >
  1372. <div
  1373. class="commentImg"
  1374. @click="
  1375. commentOther(
  1376. w,
  1377. jdIndex,
  1378. rwIndex,
  1379. toolIndex,
  1380. wIndex
  1381. )
  1382. "
  1383. >
  1384. <img
  1385. src="../assets/icon/comment/comment.png"
  1386. alt=""
  1387. />
  1388. </div>
  1389. <div>{{ w.commentCount }}</div>
  1390. </div>
  1391. </div>
  1392. </div>
  1393. </div>
  1394. </div>
  1395. <div style="font-size: 18px">未提交</div>
  1396. <div class="noWorksS">
  1397. <div
  1398. v-for="(s, sIndex) in noWorksS[toolIndex]"
  1399. :key="sIndex"
  1400. class="noWorksName"
  1401. >
  1402. {{ s.student }}
  1403. </div>
  1404. </div>
  1405. </div>
  1406. <div
  1407. v-if="
  1408. worksStudent[jdIndex] &&
  1409. worksStudent[jdIndex][rwIndex] &&
  1410. tType &&
  1411. tType == 3 &&
  1412. tool.tool.indexOf(1) != -1
  1413. "
  1414. class="worksBox"
  1415. >
  1416. <div
  1417. style="padding-top: 15px; font-size: 18px"
  1418. v-if="
  1419. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  1420. "
  1421. >
  1422. 作业预览
  1423. </div>
  1424. <div
  1425. class="worksDetailBox"
  1426. v-if="
  1427. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  1428. "
  1429. >
  1430. <div
  1431. class="works"
  1432. style="
  1433. width: 200px;
  1434. height: 140px;
  1435. margin: 10px 10px 10px 0;
  1436. border-radius: 15px;
  1437. box-shadow: 0 0 6px 1px #dfdada;
  1438. "
  1439. v-for="(w, wIndex) in worksStudent[jdIndex][rwIndex][
  1440. toolIndex
  1441. ]"
  1442. :key="wIndex"
  1443. >
  1444. <!-- @click="previewImg(w.works)" -->
  1445. <div class="workImg">
  1446. <img
  1447. :src="w.works"
  1448. @click="previewImg(w.works)"
  1449. alt
  1450. />
  1451. </div>
  1452. <div class="comment" style="min-width: 200px">
  1453. <div class="worksName">
  1454. <div>{{ w.sName }}</div>
  1455. </div>
  1456. <div class="commentList">
  1457. <div class="commentList">
  1458. <div
  1459. class="commentImg"
  1460. @click="
  1461. isLikes(w.wid, userid, 1, null, w.isLikes)
  1462. "
  1463. >
  1464. <img
  1465. :src="w.isLikes == true ? likes : noLikes"
  1466. alt=""
  1467. />
  1468. </div>
  1469. <div>{{ w.likesCount }}</div>
  1470. </div>
  1471. <div
  1472. class="commentList"
  1473. style="margin-right: 15px"
  1474. >
  1475. <div
  1476. class="commentImg"
  1477. @click="
  1478. commentOther(
  1479. w,
  1480. jdIndex,
  1481. rwIndex,
  1482. toolIndex,
  1483. wIndex
  1484. )
  1485. "
  1486. >
  1487. <img
  1488. src="../assets/icon/comment/comment.png"
  1489. alt=""
  1490. />
  1491. </div>
  1492. <div>{{ w.commentCount }}</div>
  1493. </div>
  1494. </div>
  1495. </div>
  1496. </div>
  1497. </div>
  1498. <div style="font-size: 18px">未提交</div>
  1499. <div class="noWorksS">
  1500. <div
  1501. v-for="(s, sIndex) in noWorksS[toolIndex]"
  1502. :key="sIndex"
  1503. class="noWorksName"
  1504. >
  1505. {{ s.student }}
  1506. </div>
  1507. </div>
  1508. </div>
  1509. <div
  1510. v-if="
  1511. worksStudent[jdIndex] &&
  1512. worksStudent[jdIndex][rwIndex] &&
  1513. tType &&
  1514. tType == 3 &&
  1515. tool.tool.indexOf(3) != -1
  1516. "
  1517. class="worksBox"
  1518. >
  1519. <div
  1520. style="padding-top: 15px; font-size: 18px"
  1521. v-if="
  1522. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  1523. "
  1524. >
  1525. 作业预览
  1526. </div>
  1527. <div
  1528. class="worksDetailBox"
  1529. v-if="
  1530. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  1531. "
  1532. >
  1533. <div
  1534. class="works"
  1535. style="
  1536. width: 200px;
  1537. height: 140px;
  1538. margin: 10px 10px 10px 0;
  1539. border-radius: 15px;
  1540. box-shadow: 0 0 6px 1px #dfdada;
  1541. "
  1542. v-for="(w, wIndex) in worksStudent[jdIndex][rwIndex][
  1543. toolIndex
  1544. ]"
  1545. :key="wIndex"
  1546. >
  1547. <!-- @click="previewImg(w.works)" -->
  1548. <div class="workImg">
  1549. <img
  1550. :src="w.works"
  1551. @click="previewImg(w.works)"
  1552. alt
  1553. />
  1554. </div>
  1555. <div class="comment" style="min-width: 200px">
  1556. <div class="worksName">
  1557. <div>{{ w.sName }}</div>
  1558. </div>
  1559. <div class="commentList">
  1560. <div class="commentList">
  1561. <div
  1562. class="commentImg"
  1563. @click="
  1564. isLikes(w.wid, userid, 1, null, w.isLikes)
  1565. "
  1566. >
  1567. <img
  1568. :src="w.isLikes == true ? likes : noLikes"
  1569. alt=""
  1570. />
  1571. </div>
  1572. <div>{{ w.likesCount }}</div>
  1573. </div>
  1574. <div
  1575. class="commentList"
  1576. style="margin-right: 15px"
  1577. >
  1578. <div
  1579. class="commentImg"
  1580. @click="
  1581. commentOther(
  1582. w,
  1583. jdIndex,
  1584. rwIndex,
  1585. toolIndex,
  1586. wIndex
  1587. )
  1588. "
  1589. >
  1590. <img
  1591. src="../assets/icon/comment/comment.png"
  1592. alt=""
  1593. />
  1594. </div>
  1595. <div>{{ w.commentCount }}</div>
  1596. </div>
  1597. </div>
  1598. </div>
  1599. </div>
  1600. </div>
  1601. <div style="font-size: 18px">未提交</div>
  1602. <div class="noWorksS">
  1603. <div
  1604. v-for="(s, sIndex) in noWorksS[toolIndex]"
  1605. :key="sIndex"
  1606. class="noWorksName"
  1607. >
  1608. {{ s.student }}
  1609. </div>
  1610. </div>
  1611. </div>
  1612. <div
  1613. v-if="
  1614. worksStudent[jdIndex] &&
  1615. worksStudent[jdIndex][rwIndex] &&
  1616. tType &&
  1617. tType == 3 &&
  1618. tool.tool.indexOf(6) != -1
  1619. "
  1620. class="worksBox"
  1621. >
  1622. <div
  1623. style="padding-top: 15px; font-size: 18px"
  1624. v-if="
  1625. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  1626. "
  1627. >
  1628. 作业预览
  1629. </div>
  1630. <div
  1631. class="worksDetailBox"
  1632. v-if="
  1633. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  1634. "
  1635. >
  1636. <div
  1637. class="works"
  1638. style="
  1639. width: 200px;
  1640. height: 140px;
  1641. margin: 10px 10px 10px 0;
  1642. border-radius: 15px;
  1643. box-shadow: 0 0 6px 1px #dfdada;
  1644. "
  1645. v-for="(w, wIndex) in worksStudent[jdIndex][rwIndex][
  1646. toolIndex
  1647. ]"
  1648. :key="wIndex"
  1649. >
  1650. <!-- @click="previewImg(w.works)" -->
  1651. <div class="workImg">
  1652. <img
  1653. :src="w.works"
  1654. @click="previewImg(w.works)"
  1655. alt
  1656. />
  1657. </div>
  1658. <div class="comment" style="min-width: 200px">
  1659. <div class="worksName">
  1660. <div>{{ w.sName }}</div>
  1661. </div>
  1662. <div class="commentList">
  1663. <div class="commentList">
  1664. <div
  1665. class="commentImg"
  1666. @click="
  1667. isLikes(w.wid, userid, 1, null, w.isLikes)
  1668. "
  1669. >
  1670. <img
  1671. :src="w.isLikes == true ? likes : noLikes"
  1672. alt=""
  1673. />
  1674. </div>
  1675. <div>{{ w.likesCount }}</div>
  1676. </div>
  1677. <div
  1678. class="commentList"
  1679. style="margin-right: 15px"
  1680. >
  1681. <div
  1682. class="commentImg"
  1683. @click="
  1684. commentOther(
  1685. w,
  1686. jdIndex,
  1687. rwIndex,
  1688. toolIndex,
  1689. wIndex
  1690. )
  1691. "
  1692. >
  1693. <img
  1694. src="../assets/icon/comment/comment.png"
  1695. alt=""
  1696. />
  1697. </div>
  1698. <div>{{ w.commentCount }}</div>
  1699. </div>
  1700. </div>
  1701. </div>
  1702. </div>
  1703. </div>
  1704. <div style="font-size: 18px">未提交</div>
  1705. <div class="noWorksS">
  1706. <div
  1707. v-for="(s, sIndex) in noWorksS[toolIndex]"
  1708. :key="sIndex"
  1709. class="noWorksName"
  1710. >
  1711. {{ s.student }}
  1712. </div>
  1713. </div>
  1714. </div>
  1715. <div
  1716. v-if="
  1717. worksStudent[jdIndex] &&
  1718. worksStudent[jdIndex][rwIndex] &&
  1719. tType &&
  1720. tType == 3 &&
  1721. tool.tool.indexOf(7) != -1
  1722. "
  1723. class="worksBox"
  1724. >
  1725. <div
  1726. style="padding-top: 15px; font-size: 18px"
  1727. v-if="
  1728. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  1729. "
  1730. >
  1731. 作业预览
  1732. </div>
  1733. <div
  1734. class="worksDetailBox"
  1735. v-if="
  1736. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  1737. "
  1738. >
  1739. <div
  1740. class="works"
  1741. style="
  1742. width: 200px;
  1743. height: 140px;
  1744. margin: 10px 10px 10px 0;
  1745. border-radius: 15px;
  1746. box-shadow: 0 0 6px 1px #dfdada;
  1747. "
  1748. v-for="(w, wIndex) in worksStudent[jdIndex][rwIndex][
  1749. toolIndex
  1750. ]"
  1751. :key="wIndex"
  1752. >
  1753. <!-- @click="previewImg(w.works)" -->
  1754. <div class="workImg">
  1755. <img
  1756. :src="w.works"
  1757. @click="previewImg(w.works)"
  1758. alt
  1759. />
  1760. </div>
  1761. <div class="comment" style="min-width: 200px">
  1762. <div class="worksName">
  1763. <div>{{ w.sName }}</div>
  1764. </div>
  1765. <div class="commentList">
  1766. <div class="commentList">
  1767. <div
  1768. class="commentImg"
  1769. @click="
  1770. isLikes(w.wid, userid, 1, null, w.isLikes)
  1771. "
  1772. >
  1773. <img
  1774. :src="w.isLikes == true ? likes : noLikes"
  1775. alt=""
  1776. />
  1777. </div>
  1778. <div>{{ w.likesCount }}</div>
  1779. </div>
  1780. <div
  1781. class="commentList"
  1782. style="margin-right: 15px"
  1783. >
  1784. <div
  1785. class="commentImg"
  1786. @click="
  1787. commentOther(
  1788. w,
  1789. jdIndex,
  1790. rwIndex,
  1791. toolIndex,
  1792. wIndex
  1793. )
  1794. "
  1795. >
  1796. <img
  1797. src="../assets/icon/comment/comment.png"
  1798. alt=""
  1799. />
  1800. </div>
  1801. <div>{{ w.commentCount }}</div>
  1802. </div>
  1803. </div>
  1804. </div>
  1805. </div>
  1806. </div>
  1807. <div style="font-size: 18px">未提交</div>
  1808. <div class="noWorksS">
  1809. <div
  1810. v-for="(s, sIndex) in noWorksS[toolIndex]"
  1811. :key="sIndex"
  1812. class="noWorksName"
  1813. >
  1814. {{ s.student }}
  1815. </div>
  1816. </div>
  1817. </div>
  1818. <div
  1819. v-if="
  1820. worksStudent[jdIndex] &&
  1821. worksStudent[jdIndex][rwIndex] &&
  1822. tType &&
  1823. tType == 3 &&
  1824. tool.tool.indexOf(26) != -1
  1825. "
  1826. class="worksBox"
  1827. >
  1828. <div
  1829. style="padding-top: 15px; font-size: 18px"
  1830. v-if="
  1831. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  1832. "
  1833. >
  1834. 作业预览
  1835. </div>
  1836. <div
  1837. class="worksDetailBox"
  1838. v-if="
  1839. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  1840. "
  1841. >
  1842. <div
  1843. class="works"
  1844. style="width: 200px; height: 140px; overflow: hidden"
  1845. v-for="(w, wIndex) in worksStudent[jdIndex][rwIndex][
  1846. toolIndex
  1847. ]"
  1848. :key="wIndex"
  1849. :class="w.type == 1 ? 'isTypeOne' : ''"
  1850. >
  1851. <div class="workImg" v-if="w.type == 0">
  1852. <img
  1853. :src="w.works"
  1854. @click="previewImg(w.works)"
  1855. alt
  1856. />
  1857. </div>
  1858. <div class="workImg" v-if="w.type == 1">
  1859. <img :src="word" @click="openFile(w.works)" alt />
  1860. </div>
  1861. <div class="worksName">
  1862. <div>{{ w.sName }}</div>
  1863. </div>
  1864. </div>
  1865. </div>
  1866. <div style="font-size: 18px">未提交</div>
  1867. <div class="noWorksS">
  1868. <div
  1869. v-for="(s, sIndex) in noWorksS[toolIndex]"
  1870. :key="sIndex"
  1871. class="noWorksName"
  1872. >
  1873. {{ s.student }}
  1874. </div>
  1875. </div>
  1876. </div>
  1877. <div
  1878. v-if="
  1879. worksStudent[jdIndex] &&
  1880. worksStudent[jdIndex][rwIndex] &&
  1881. tType &&
  1882. tType == 3 &&
  1883. tool.tool.indexOf(40) != -1
  1884. "
  1885. class="worksBox"
  1886. >
  1887. <div
  1888. style="padding-top: 15px; font-size: 18px"
  1889. v-if="
  1890. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  1891. "
  1892. >
  1893. 作业预览
  1894. </div>
  1895. <div
  1896. class="worksDetailBox"
  1897. v-if="
  1898. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  1899. "
  1900. >
  1901. <div
  1902. class="works"
  1903. style="
  1904. width: 200px;
  1905. height: 140px;
  1906. margin: 10px 10px 10px 0;
  1907. border-radius: 15px;
  1908. box-shadow: 0 0 6px 1px #dfdada;
  1909. "
  1910. v-for="(w, wIndex) in worksStudent[jdIndex][rwIndex][
  1911. toolIndex
  1912. ]"
  1913. :key="wIndex"
  1914. >
  1915. <div class="workImg">
  1916. <img
  1917. src="../assets/icon/works/noImg.png"
  1918. @click="
  1919. openPj(w.works, jdIndex, rwIndex, toolIndex)
  1920. "
  1921. alt
  1922. />
  1923. </div>
  1924. <div class="comment" style="min-width: 200px">
  1925. <div class="worksName">
  1926. <div>{{ w.sName }}</div>
  1927. </div>
  1928. <div class="commentList">
  1929. <div class="commentList">
  1930. <div
  1931. class="commentImg"
  1932. @click="
  1933. isLikes(w.wid, userid, 1, null, w.isLikes)
  1934. "
  1935. >
  1936. <img
  1937. :src="w.isLikes == true ? likes : noLikes"
  1938. alt=""
  1939. />
  1940. </div>
  1941. <div>{{ w.likesCount }}</div>
  1942. </div>
  1943. <div
  1944. class="commentList"
  1945. style="margin-right: 15px"
  1946. >
  1947. <div
  1948. class="commentImg"
  1949. @click="
  1950. commentOther(
  1951. w,
  1952. jdIndex,
  1953. rwIndex,
  1954. toolIndex,
  1955. wIndex
  1956. )
  1957. "
  1958. >
  1959. <img
  1960. src="../assets/icon/comment/comment.png"
  1961. alt=""
  1962. />
  1963. </div>
  1964. <div>{{ w.commentCount }}</div>
  1965. </div>
  1966. </div>
  1967. </div>
  1968. </div>
  1969. </div>
  1970. <div style="font-size: 18px">未提交</div>
  1971. <div class="noWorksS">
  1972. <div
  1973. v-for="(s, sIndex) in noWorksS[toolIndex]"
  1974. :key="sIndex"
  1975. class="noWorksName"
  1976. >
  1977. {{ s.student }}
  1978. </div>
  1979. </div>
  1980. </div>
  1981. <div
  1982. v-if="
  1983. worksStudent[jdIndex] &&
  1984. worksStudent[jdIndex][rwIndex] &&
  1985. tType &&
  1986. tType == 3 &&
  1987. tool.tool.indexOf(41) != -1
  1988. "
  1989. class="worksBox"
  1990. >
  1991. <div
  1992. style="padding-top: 15px; font-size: 18px"
  1993. v-if="
  1994. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  1995. "
  1996. >
  1997. 作业预览
  1998. </div>
  1999. <div
  2000. class="worksDetailBox"
  2001. v-if="
  2002. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  2003. "
  2004. >
  2005. <div
  2006. class="works"
  2007. style="
  2008. width: 200px;
  2009. height: 140px;
  2010. margin: 10px 10px 10px 0;
  2011. border-radius: 15px;
  2012. box-shadow: 0 0 6px 1px #dfdada;
  2013. "
  2014. v-for="(w, wIndex) in worksStudent[jdIndex][rwIndex][
  2015. toolIndex
  2016. ]"
  2017. :key="wIndex"
  2018. >
  2019. <div class="workImg">
  2020. <img
  2021. src="../assets/icon/works/noImg.png"
  2022. @click="openXz(w, jdIndex, rwIndex, toolIndex)"
  2023. alt
  2024. />
  2025. </div>
  2026. <div class="worksName">
  2027. <div>{{ w.sName }}</div>
  2028. </div>
  2029. </div>
  2030. </div>
  2031. <div style="font-size: 18px">未提交</div>
  2032. <div class="noWorksS">
  2033. <div
  2034. v-for="(s, sIndex) in noWorksS[toolIndex]"
  2035. :key="sIndex"
  2036. class="noWorksName"
  2037. >
  2038. {{ s.student }}
  2039. </div>
  2040. </div>
  2041. <AnswerData2
  2042. v-if="
  2043. worksStudent.length &&
  2044. worksStudent[jdIndex][rwIndex][toolIndex].length > 0
  2045. "
  2046. :problemJson="tool.selectJson.answer"
  2047. :people="worksStudent[jdIndex][rwIndex][toolIndex]"
  2048. >
  2049. </AnswerData2>
  2050. </div>
  2051. </div>
  2052. <!-- <div class="upload_toolBtn" @click="addImg($event)">
  2053. 上传文件
  2054. <input
  2055. type="file"
  2056. accept="image/png, image/gif, image/jpeg"
  2057. style="display: none"
  2058. @change="beforeUpload1($event, 2, index)"
  2059. />
  2060. </div>-->
  2061. </div>
  2062. </div>
  2063. <div
  2064. class="vedioBox"
  2065. v-if="
  2066. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  2067. .eList &&
  2068. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  2069. .eList.length &&
  2070. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  2071. .eList.length > 0
  2072. "
  2073. >
  2074. <div
  2075. class="queTop"
  2076. style="
  2077. font-size: 25px;
  2078. padding: 15px 0 15px 30px;
  2079. font-weight: bold;
  2080. "
  2081. >
  2082. <!-- <div class="question" style="width: 30px">
  2083. <img src="../assets/icon/toolIcon.png" alt />
  2084. </div>
  2085. <div class="queTitle">
  2086. <div>工具</div>
  2087. </div>-->
  2088. 评一评
  2089. </div>
  2090. <div class="evaCss">
  2091. <div class="elist_input">
  2092. <div
  2093. v-for="(eItem, eIndex) in rw.eList"
  2094. :key="eIndex"
  2095. class="elist_input_box"
  2096. >
  2097. <div style="width: 95%">
  2098. <div
  2099. style="
  2100. display: flex;
  2101. flex-direction: row;
  2102. flex-wrap: nowrap;
  2103. align-items: center;
  2104. "
  2105. >
  2106. <div style="max-width: calc(100% - 285px)">
  2107. <span>{{ eItem.value }}</span>
  2108. </div>
  2109. <div
  2110. style="
  2111. padding-left: 25px;
  2112. display: flex;
  2113. flex-direction: row;
  2114. align-items: center;
  2115. "
  2116. >
  2117. <el-rate
  2118. v-model="eItem.score"
  2119. :colors="colors"
  2120. disabled
  2121. ></el-rate>
  2122. </div>
  2123. </div>
  2124. <div
  2125. class="elist_inptu_text"
  2126. style="padding-left: 10px"
  2127. >
  2128. <span v-if="eItem.detail != ''">{{
  2129. eItem.detail
  2130. }}</span>
  2131. <span v-else style="color: #b2b1b3; font-size: 14px"
  2132. >暂无描述...</span
  2133. >
  2134. </div>
  2135. </div>
  2136. </div>
  2137. </div>
  2138. <div
  2139. v-if="evalua"
  2140. style="
  2141. border: 1px solid #e5e5e5;
  2142. width: 650px;
  2143. margin-top: 20px;
  2144. box-shadow: 3px 1px 15px 3px #e0e0e0;
  2145. "
  2146. >
  2147. <div class="e_add_top">
  2148. <div class="e_add_title">
  2149. <span>目标管理名称</span>
  2150. <span>{{ eTitle }}</span>
  2151. <img
  2152. src="../assets/line.png"
  2153. class="cru_line"
  2154. style="
  2155. width: 125px;
  2156. height: 20px;
  2157. bottom: -10px;
  2158. left: 120px;
  2159. "
  2160. />
  2161. <!-- <el-input
  2162. v-model="eTitle"
  2163. placeholder="请输入名称"
  2164. @change="setMindData"
  2165. ></el-input>-->
  2166. </div>
  2167. </div>
  2168. <div class="e_add_content">
  2169. <div class="e_add_list_pbox">
  2170. <div class="e_add_list_pbox_title">
  2171. <span class="type_title">切换模式</span>
  2172. <div class="type_content">
  2173. <span
  2174. :class="{ active: typeMode == 1 }"
  2175. @click="typeMode = 1"
  2176. >目标树</span
  2177. >
  2178. <span
  2179. :class="{ active: typeMode == 2 }"
  2180. @click="typeMode = 2"
  2181. >目标罗盘</span
  2182. >
  2183. <span
  2184. :class="{ active: typeMode == 3 }"
  2185. @click="typeMode = 3"
  2186. >目标看板</span
  2187. >
  2188. </div>
  2189. </div>
  2190. <div class="e_add_list_pbox_content">
  2191. <Mind
  2192. :showBar="false"
  2193. :mindData="data"
  2194. style="width: 100%"
  2195. v-show="typeMode == 1"
  2196. ></Mind>
  2197. <Sunburst
  2198. :Josn="eJson"
  2199. :num="eJSONNum"
  2200. style="width: 100%"
  2201. v-if="typeMode == 2"
  2202. ></Sunburst>
  2203. <SeeBoard
  2204. :Josn="eJson"
  2205. :num="eJSONNum"
  2206. :ename="eTitle"
  2207. style="width: 100%"
  2208. v-if="typeMode == 3"
  2209. ></SeeBoard>
  2210. </div>
  2211. </div>
  2212. </div>
  2213. </div>
  2214. </div>
  2215. </div>
  2216. <!-- <div
  2217. class="project_box"
  2218. style="margin-top: 15px; padding-bottom: 30px"
  2219. >
  2220. <div
  2221. style="
  2222. display: flex;
  2223. flex-wrap: nowrap;
  2224. flex-direction: column;
  2225. position: relative;
  2226. "
  2227. >
  2228. <div class="queTop">
  2229. <div class="question">
  2230. <img src="../assets/icon/homeWork.png" alt="" />
  2231. </div>
  2232. <div class="queTitle">
  2233. <div>作业提交<span>(提交图文视频等)</span></div>
  2234. <div>:任务:{{ task.task }}</div>
  2235. </div>
  2236. </div>
  2237. <div class="ediBottom">
  2238. <div
  2239. class="addEditor"
  2240. style="margin-top: 23px"
  2241. @click="openAddWork"
  2242. v-if="!isNoHomeWork"
  2243. >
  2244. 选择文件
  2245. </div>
  2246. <div
  2247. class="addEditor"
  2248. style="margin-top: 23px"
  2249. @click="openAddWork"
  2250. v-else
  2251. >
  2252. 已提交
  2253. </div>
  2254. </div>
  2255. </div>
  2256. </div>-->
  2257. </div>
  2258. </div>
  2259. <el-dialog
  2260. title="提交实践作业"
  2261. :visible.sync="dialogVisible"
  2262. :append-to-body="true"
  2263. width="500px"
  2264. :before-close="handleClose"
  2265. class="dialog_change"
  2266. >
  2267. <div class="marginT">
  2268. <div>上传文件</div>
  2269. <div
  2270. class="chapter_add"
  2271. @click="addImg($event)"
  2272. v-if="studyJuri[0].cover.length == 0"
  2273. >
  2274. <div class="up_photo">
  2275. <img src="../assets/icon/uploadImg.png" alt />
  2276. </div>
  2277. <input
  2278. type="file"
  2279. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  2280. capture="camera"
  2281. style="display: none"
  2282. @change="beforeUpload1($event, 1)"
  2283. />
  2284. <!-- <input
  2285. type="file"
  2286. accept="image/*"
  2287. style="display: none"
  2288. @change="beforeUpload1($event, 1)"
  2289. /> -->
  2290. </div>
  2291. <div
  2292. class="chapter_add"
  2293. style="
  2294. display: flex;
  2295. width: 100%;
  2296. flex-direction: row;
  2297. flex-wrap: wrap;
  2298. justify-content: flex-start;
  2299. padding: 15px 0;
  2300. "
  2301. v-if="studyJuri[0].cover.length > 0"
  2302. >
  2303. <div class="upCover">
  2304. <img
  2305. :src="studyJuri[0].cover[0].url"
  2306. alt
  2307. v-if="fileType == 0"
  2308. />
  2309. <img :src="word" alt v-else-if="fileType == 1" />
  2310. <img :src="video" alt v-else />
  2311. <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
  2312. <div class="deleteWord" @click="clean(1)">
  2313. <img src="../assets/icon/deleteWorks.png" alt />
  2314. </div>
  2315. </div>
  2316. </div>
  2317. </div>
  2318. <!-- <div class="first">
  2319. <div>作业名称:</div>
  2320. <div>{{ chapInfoList[courseType].dyName }}</div>
  2321. </div>
  2322. <div style="font-size: 20px; margin-bottom: 10px">上传作业</div>
  2323. <el-input
  2324. type="textarea"
  2325. resize="none"
  2326. rows="7"
  2327. placeholder="输入文字描述..."
  2328. v-model="studyJuri[0].content"
  2329. ></el-input>
  2330. <div class="marginT">
  2331. <div>上传图片</div>
  2332. <div class="chapter_add" @click="addImg($event)">
  2333. <div class="up_photo">
  2334. <img src="../assets/photo.png" alt />
  2335. </div>
  2336. <input
  2337. type="file"
  2338. accept="image/png, image/gif, image/jpeg"
  2339. style="display: none"
  2340. @change="beforeUpload1($event, 1)"
  2341. />
  2342. </div>
  2343. <div
  2344. class="chapter_add"
  2345. style="
  2346. display: flex;
  2347. width: 100%;
  2348. flex-direction: row;
  2349. flex-wrap: wrap;
  2350. justify-content: flex-start;
  2351. "
  2352. v-if="studyJuri[0].cover.length > 0"
  2353. >
  2354. <div
  2355. v-for="(c, cIndex) in studyJuri[0].cover"
  2356. :key="cIndex"
  2357. class="upCover"
  2358. >
  2359. <img :src="c.url != null && c.url != '' ? c.url : mr" alt />
  2360. <span class="picName">{{ c.name }}</span>
  2361. <div class="deleteWord" @click="clean(1)">
  2362. <img src="../assets/icon/delete.png" alt />
  2363. </div>
  2364. </div>
  2365. </div>
  2366. </div>
  2367. <div class="marginT">
  2368. <div>上传视频</div>
  2369. <div class="chapter_add" @click="addImg($event)">
  2370. <div class="up_photo">
  2371. <img src="../assets/vidio.png" alt />
  2372. </div>
  2373. <input
  2374. type="file"
  2375. accept="video/mp4, video/quicktime, video/x-msvideo"
  2376. style="display: none"
  2377. @change="beforeUpload2($event, 2)"
  2378. />
  2379. </div>
  2380. <div
  2381. class="chapter_add"
  2382. style="
  2383. display: flex;
  2384. flex-direction: row;
  2385. flex-wrap: wrap;
  2386. width: 100%;
  2387. justify-content: flex-start;
  2388. "
  2389. v-if="studyJuri[0].upVedio.length > 0"
  2390. >
  2391. <div
  2392. style="
  2393. width: 100%;
  2394. display: flex;
  2395. flex-direction: row;
  2396. flex-wrap: wrap;
  2397. align-content: flex-start;
  2398. justify-content: flex-start;
  2399. align-items: center;
  2400. "
  2401. >
  2402. <div
  2403. class="uploadVedio isAddThings"
  2404. v-for="(v, vIndex) in studyJuri[0].upVedio"
  2405. :key="vIndex"
  2406. >
  2407. <img src="../assets/uploadMp4.png" alt />
  2408. <span>{{ v.name }}</span>
  2409. <div class="deleteWord" @click="clean(2)">
  2410. <img src="../assets/icon/delete.png" alt />
  2411. </div>
  2412. </div>
  2413. </div>
  2414. </div>
  2415. </div>-->
  2416. <div class="upload_send" @click="addCourseWorks(taskCount)">
  2417. 提交
  2418. </div>
  2419. </el-dialog>
  2420. </div>
  2421. </div>
  2422. </div>
  2423. <div class="pButton" @click="selectPz">批</div>
  2424. <div v-if="pzDialog == true" class="newDialogCss">
  2425. <div class="pzTop">
  2426. <div>批注</div>
  2427. <div @click="pzDialog = false">
  2428. <img src="../assets/close1.png" alt="" />
  2429. </div>
  2430. </div>
  2431. <div class="pzBox">
  2432. <div class="pzListBox" v-if="pzList.length">
  2433. <div class="pzList" v-for="(pz, pzIndex) in pzList" :key="pzIndex">
  2434. <div class="pzNavTop">
  2435. <div>批</div>
  2436. <div>{{ pz.username }}的批注</div>
  2437. </div>
  2438. <div class="pzContent">
  2439. {{ pz.content }}
  2440. </div>
  2441. </div>
  2442. </div>
  2443. <div class="pzListBox" v-else style="padding-left: 10px">暂无批注</div>
  2444. <div class="addPz" @click="addPzDialog = true">添加批注</div>
  2445. </div>
  2446. </div>
  2447. <div v-if="addPzDialog == true" class="addDialogCss">
  2448. <div class="pzTop">
  2449. <div class="teacherPz">
  2450. <div class="teacherPzImg">
  2451. <img src="../assets/icon/teacherPz.png" alt="" />
  2452. </div>
  2453. <div style="margin-left: 10px; height: 25px">教师批注</div>
  2454. </div>
  2455. <div @click="addPzDialog = false">
  2456. <img src="../assets/close1.png" alt="" />
  2457. </div>
  2458. </div>
  2459. <div class="addPzBox">
  2460. <div style="padding-top: 10px">
  2461. <textarea
  2462. rows="20"
  2463. class="binfo_input pzConText"
  2464. cols
  2465. placeholder="请填写项目课程关键问题...."
  2466. v-model="pzConText"
  2467. ></textarea>
  2468. </div>
  2469. <div class="addTextCss" @click="addPz">确定</div>
  2470. </div>
  2471. </div>
  2472. <div v-if="proVisible" class="mask">
  2473. <div class="progressBox">
  2474. <div class="lbox">
  2475. <img src="../assets/loading.gif" />上传中,请稍后
  2476. </div>
  2477. <el-progress
  2478. :text-inside="true"
  2479. :stroke-width="20"
  2480. :percentage="progress"
  2481. style="width: 80%"
  2482. ></el-progress>
  2483. </div>
  2484. </div>
  2485. <el-dialog :visible.sync="pictureDialog" size="tiny">
  2486. <img width="100%" :src="dialogImageUrl" alt />
  2487. </el-dialog>
  2488. <el-dialog
  2489. :title="noteName != '' ? noteName : '查看选择题'"
  2490. :visible.sync="dialogVisible5"
  2491. :append-to-body="true"
  2492. width="1000px"
  2493. :before-close="handleClose"
  2494. class="dialog_diy dialog_diy3"
  2495. >
  2496. <div>
  2497. <div
  2498. class="a_add_title"
  2499. style="
  2500. display: flex;
  2501. flex-direction: row;
  2502. align-items: center;
  2503. justify-content: center;
  2504. "
  2505. >
  2506. <div style="margin-right: 20px; font-size: 20px">标题:</div>
  2507. <div style="font-size: 20px">{{ askJson.askTitle }}</div>
  2508. </div>
  2509. <div class="a_addBox">
  2510. <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
  2511. <div
  2512. class="a_add_box"
  2513. v-for="(item1, index1) in askJson.askCount"
  2514. :key="index1"
  2515. >
  2516. <div class="a_add_head">
  2517. <div style="display: flex">
  2518. {{ index1 + 1 + "、" }}
  2519. <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
  2520. </div>
  2521. <img
  2522. v-if="askJson.askJson[index1].img"
  2523. :src="askJson.askJson[index1].img"
  2524. style="width: 100%; margin-top: 10px"
  2525. />
  2526. </div>
  2527. <div class="a_add_body">
  2528. <div class="a_add_input">
  2529. <el-radio-group v-model="radio[index1]">
  2530. <el-radio
  2531. v-for="(item2, checkIndex) in askJson.askJson[index1]
  2532. .checkList"
  2533. :key="checkIndex"
  2534. :label="checkIndex"
  2535. :disabled="isAnswer"
  2536. class="redioStyle"
  2537. ><span v-html="item2"></span>
  2538. </el-radio>
  2539. </el-radio-group>
  2540. </div>
  2541. </div>
  2542. </div>
  2543. </div>
  2544. </div>
  2545. <span slot="footer" class="dialog-footer">
  2546. <el-button @click="dialogVisible5 = false" v-show="noteName == ''"
  2547. >取 消</el-button
  2548. >
  2549. <el-button type="primary" @click="addStudentAsk" v-show="noteName == ''"
  2550. >确 定</el-button
  2551. >
  2552. </span>
  2553. </el-dialog>
  2554. <el-dialog
  2555. title="查看富文本"
  2556. :visible.sync="dialogVisible1"
  2557. :append-to-body="true"
  2558. width="500px"
  2559. :before-close="handleClose"
  2560. class="dialog_diy textCss"
  2561. >
  2562. <el-form style="font-size: 20px">
  2563. <el-form-item label="文本标题" class="textTitle">
  2564. <div style="font-size: 20px">{{ text.name }}</div>
  2565. </el-form-item>
  2566. <div>富文本内容</div>
  2567. <div
  2568. v-html="text.url"
  2569. style="font-size: 18px; padding: 40px 0 0 0"
  2570. ></div>
  2571. </el-form>
  2572. <span slot="footer" class="dialog-footer">
  2573. <el-button type="primary" @click="dialogVisible1 = false"
  2574. >确定</el-button
  2575. >
  2576. </span>
  2577. </el-dialog>
  2578. <el-dialog
  2579. title="文件预览"
  2580. :visible.sync="dialogVisible3"
  2581. width="50%"
  2582. :before-close="handleClose"
  2583. class="dialog_diy"
  2584. :class="{ fullStyle: full }"
  2585. >
  2586. <div slot="title" class="header-title">
  2587. <div style="color: #fff">文件预览</div>
  2588. <div style="position: absolute; top: 19px; right: 50px">
  2589. <img
  2590. src="../assets/full.png"
  2591. style="height: 16px; cursor: pointer"
  2592. alt=""
  2593. @click="fullTools"
  2594. />
  2595. </div>
  2596. </div>
  2597. <pdf
  2598. v-if="showPDF"
  2599. :pdfUrl="pptImgUrl"
  2600. style="width: 100%; height: 520px; overflow: auto"
  2601. :class="{ fullStyle: full }"
  2602. ></pdf>
  2603. <iframe
  2604. v-else
  2605. :src="pptImgUrl"
  2606. frameborder="0"
  2607. width="100%"
  2608. height="600"
  2609. :class="{ fullStyle: full }"
  2610. ></iframe>
  2611. </el-dialog>
  2612. <el-dialog
  2613. title="文件预览"
  2614. :visible.sync="dialogVisible6"
  2615. width="50%"
  2616. :before-close="handleClose"
  2617. class="dialog_diy"
  2618. >
  2619. <iframe
  2620. :src="pptImgUrl1"
  2621. frameborder="0"
  2622. width="100%"
  2623. height="600"
  2624. ></iframe>
  2625. </el-dialog>
  2626. <el-dialog
  2627. title="提示"
  2628. :visible.sync="dialogVisible4"
  2629. :append-to-body="true"
  2630. width="800px"
  2631. :before-close="handleClose"
  2632. class="dialog_diy notice"
  2633. >
  2634. <div>此功能暂未开放!</div>
  2635. <el-button type="primary" @click="dialogVisible4 = false">确定</el-button>
  2636. </el-dialog>
  2637. <el-dialog
  2638. title="问答"
  2639. :visible.sync="answerDialogVisible"
  2640. :append-to-body="true"
  2641. width="800px"
  2642. :before-close="handleClose"
  2643. class="dialog_diy"
  2644. >
  2645. <div>
  2646. <div
  2647. style="
  2648. display: flex;
  2649. flex-wrap: nowrap;
  2650. flex-direction: column;
  2651. position: relative;
  2652. "
  2653. >
  2654. <div class="queTop" style="padding: 20px 0 20px 0">
  2655. <div class="question">
  2656. <img src="../assets/icon/question.png" alt />
  2657. </div>
  2658. <div class="queTitle">
  2659. <div style="width: 90px; min-width: 90px">提问:</div>
  2660. <div>{{ answerQ }}</div>
  2661. </div>
  2662. </div>
  2663. <div class="ediBottom">
  2664. <textarea
  2665. rows="6"
  2666. class="binfo_input"
  2667. cols
  2668. style="width: 95%; height: 120px"
  2669. v-model="questionAnswer"
  2670. ></textarea>
  2671. </div>
  2672. </div>
  2673. </div>
  2674. <div slot="footer">
  2675. <el-button @click="answerDialogVisible = false">取 消</el-button>
  2676. <el-button type="primary" @click="addQuestion">提 交</el-button>
  2677. </div>
  2678. </el-dialog>
  2679. <el-dialog
  2680. title="倒计时"
  2681. :visible.sync="timeDialogVisible"
  2682. :append-to-body="true"
  2683. width="800px"
  2684. :before-close="handleClose"
  2685. class="dialog_diy"
  2686. >
  2687. <div>
  2688. <Time v-if="timeDialogVisible"></Time>
  2689. </div>
  2690. <div slot="footer">
  2691. <el-button @click="timeDialogVisible = false">关 闭</el-button>
  2692. </div>
  2693. </el-dialog>
  2694. <el-dialog
  2695. title="权限设置"
  2696. :visible.sync="juriVisible"
  2697. :append-to-body="true"
  2698. width="400px"
  2699. :before-close="handleClose"
  2700. class="dialog_diy"
  2701. >
  2702. <div>
  2703. <div>
  2704. <div>
  2705. <el-switch
  2706. v-model="sIsOpen"
  2707. active-text="学生是否能查看所有作业"
  2708. class="switchCss"
  2709. @change="updateSLook"
  2710. ></el-switch>
  2711. </div>
  2712. </div>
  2713. </div>
  2714. <div slot="footer">
  2715. <el-button
  2716. style="background: #409efe; color: #fff"
  2717. @click="juriVisible = false"
  2718. >关 闭</el-button
  2719. >
  2720. </div>
  2721. </el-dialog>
  2722. <el-dialog
  2723. title="查看视频"
  2724. :visible.sync="videoVisible"
  2725. :append-to-body="true"
  2726. width="1200px"
  2727. :before-close="handleClose"
  2728. class="dialog_diy1"
  2729. >
  2730. <div class="workd_media" style="height: 100%" v-if="videoDetail.sources">
  2731. <video-player
  2732. class="video-player vjs-custom-skin"
  2733. :playsinline="true"
  2734. :options="videoDetail"
  2735. @play="onPlayerPlay($event)"
  2736. style="width: 100%; height: 100%"
  2737. ></video-player>
  2738. </div>
  2739. <div slot="footer">
  2740. <el-button
  2741. style="background: #409efe; color: #fff"
  2742. @click="videoVisible = false"
  2743. >关 闭</el-button
  2744. >
  2745. </div>
  2746. </el-dialog>
  2747. <el-dialog
  2748. :title="noteName != '' ? noteName : '查看选择题'"
  2749. :visible.sync="dialogVisible5"
  2750. :append-to-body="true"
  2751. width="1000px"
  2752. :before-close="handleClose"
  2753. class="dialog_diy dialog_diy3"
  2754. >
  2755. <div>
  2756. <div
  2757. class="a_add_title"
  2758. style="
  2759. display: flex;
  2760. flex-direction: row;
  2761. align-items: center;
  2762. justify-content: center;
  2763. "
  2764. >
  2765. <div style="margin-right: 20px; font-size: 20px">标题:</div>
  2766. <div style="font-size: 20px">{{ askJson.askTitle }}</div>
  2767. </div>
  2768. <div class="a_addBox">
  2769. <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
  2770. <div
  2771. class="a_add_box"
  2772. v-for="(item1, index1) in askJson.askCount"
  2773. :key="index1"
  2774. >
  2775. <div class="a_add_head">
  2776. <div style="display: flex">
  2777. {{ index1 + 1 + "、" }}
  2778. <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
  2779. </div>
  2780. <img
  2781. v-if="askJson.askJson[index1].img"
  2782. :src="askJson.askJson[index1].img"
  2783. style="width: 100%; margin-top: 10px"
  2784. />
  2785. </div>
  2786. <div class="a_add_body">
  2787. <div class="a_add_input">
  2788. <el-radio-group v-model="radio[index1]">
  2789. <el-radio
  2790. v-for="(item2, checkIndex) in askJson.askJson[index1]
  2791. .checkList"
  2792. :key="checkIndex"
  2793. :label="checkIndex"
  2794. :disabled="isAnswer"
  2795. class="redioStyle"
  2796. ><span v-html="item2"></span
  2797. ></el-radio>
  2798. </el-radio-group>
  2799. </div>
  2800. </div>
  2801. </div>
  2802. </div>
  2803. </div>
  2804. <span slot="footer" class="dialog-footer">
  2805. <el-button @click="dialogVisible5 = false" v-show="noteName == ''"
  2806. >取 消</el-button
  2807. >
  2808. <el-button type="primary" @click="addStudentAsk" v-show="noteName == ''"
  2809. >确 定</el-button
  2810. >
  2811. </span>
  2812. </el-dialog>
  2813. <el-dialog
  2814. title="查看详情"
  2815. :visible.sync="commentDialogVisible"
  2816. :append-to-body="true"
  2817. width="600px"
  2818. :before-close="handleClose"
  2819. class="dialog_diy"
  2820. >
  2821. <div class="commentTop">
  2822. <div class="studentDetail">
  2823. <div class="tx"><img src="../assets/avatar.png" alt="" /></div>
  2824. <div class="nameAndTime">
  2825. <div style="margin-bottom: 5px">{{ commentDetail.sName }}</div>
  2826. <div>{{ commentDetail.time }}</div>
  2827. </div>
  2828. </div>
  2829. <div
  2830. class="worksAnswer"
  2831. v-if="commentDetail.works && commentDetail.type == 2"
  2832. >
  2833. {{ JSON.parse(commentDetail.works)[0].answer }}
  2834. </div>
  2835. <div
  2836. class="worksAnswer"
  2837. v-if="commentDetail.works && commentDetail.type == 1"
  2838. >
  2839. <pdf
  2840. v-if="showPDF"
  2841. :pdfUrl="pptImgUrl"
  2842. style="width: 100%; height: 520px; overflow: auto"
  2843. :class="{ fullStyle: full }"
  2844. ></pdf>
  2845. <iframe
  2846. v-else
  2847. :src="pptImgUrl"
  2848. frameborder="0"
  2849. width="100%"
  2850. height="600"
  2851. :class="{ fullStyle: full }"
  2852. ></iframe>
  2853. </div>
  2854. <div
  2855. class="worksAnswer"
  2856. v-if="commentDetail.works && commentDetail.type == 0"
  2857. >
  2858. <img
  2859. :src="commentDetail.works"
  2860. alt=""
  2861. @click="previewImg(commentDetail.works)"
  2862. />
  2863. </div>
  2864. <div
  2865. class="worksAnswer"
  2866. v-if="commentDetail.works && commentDetail.type == 3"
  2867. >
  2868. <video-player
  2869. class="video-player vjs-custom-skin"
  2870. :playsinline="true"
  2871. :options="videoDetail"
  2872. @play="onPlayerPlay($event)"
  2873. style="width: 90%; height: 100%; margin: 0 0 0 30px"
  2874. ></video-player>
  2875. </div>
  2876. <div
  2877. class="worksAnswer"
  2878. v-if="commentDetail.works && commentDetail.type == 4"
  2879. >
  2880. <div class="evalCss">
  2881. <div class="nav">请选择星星进行评分</div>
  2882. <div class="middleBox" v-if="eScore.eStar">
  2883. <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
  2884. <div class="nameAndrate">
  2885. <div>{{ e.value }}</div>
  2886. <el-rate v-model="eScore.eStar[eIndex]" disabled></el-rate>
  2887. </div>
  2888. <div v-if="e.detail">{{ e.detail }}</div>
  2889. </div>
  2890. <div class="bz">
  2891. <textarea
  2892. disabled
  2893. rows="4"
  2894. class="pj"
  2895. style="
  2896. padding: 10px 5px;
  2897. width: 70%;
  2898. background: #f7f6f9;
  2899. font-size: 14px;
  2900. text-indent: 10px;
  2901. "
  2902. cols
  2903. v-model="eScore.eBzText"
  2904. placeholder="请输入评价内容..."
  2905. ></textarea>
  2906. </div>
  2907. </div>
  2908. </div>
  2909. </div>
  2910. <div class="comment">
  2911. <div class="commentList">
  2912. <div class="commentImg">
  2913. <img
  2914. @click="
  2915. isLikes(
  2916. commentDetail.wid,
  2917. commentDetail.userid,
  2918. 1,
  2919. null,
  2920. commentDetail.isLikes
  2921. )
  2922. "
  2923. :src="commentDetail.isLikes == true ? likes : noLikes"
  2924. alt=""
  2925. />
  2926. </div>
  2927. <div>{{ commentDetail.likesCount }}</div>
  2928. </div>
  2929. <div class="commentList">
  2930. <div class="commentImg">
  2931. <img src="../assets/icon/comment/comment.png" alt="" />
  2932. </div>
  2933. <div>{{ commentDetail.commentCount }}</div>
  2934. </div>
  2935. </div>
  2936. </div>
  2937. <div class="commentBox">
  2938. <div class="pl">评论:</div>
  2939. <div style="max-height: 200px; overflow: auto">
  2940. <div v-if="commentDetail.commentJson" style="padding: 10px 0 0 0">
  2941. <div
  2942. class="studentDetail"
  2943. style="padding-top: 10px"
  2944. v-for="(co, coIndex) in commentDetail.commentJson"
  2945. :key="coIndex"
  2946. >
  2947. <div class="tx" style="width: 40px">
  2948. <img src="../assets/avatar.png" alt="" />
  2949. </div>
  2950. <div class="plPerson">
  2951. <div class="plName">
  2952. <div>{{ co.commentPeople }}</div>
  2953. <div style="margin-left: 5px">
  2954. {{ co.commentTime }}
  2955. </div>
  2956. </div>
  2957. <div class="plContent">{{ co.commentText }}</div>
  2958. </div>
  2959. </div>
  2960. </div>
  2961. <div v-else style="padding: 10px 0 0 0">暂无评论</div>
  2962. </div>
  2963. </div>
  2964. <div style="margin-top: 10px">
  2965. <div class="displayBox">
  2966. <div
  2967. style="
  2968. color: #556db4;
  2969. font-size: 14px;
  2970. font-weight: bold;
  2971. padding-bottom: 10px;
  2972. "
  2973. >
  2974. 评价
  2975. </div>
  2976. <div class="easy_comment">
  2977. <div
  2978. v-for="(p, pIndex) in PlTextList"
  2979. :key="pIndex"
  2980. @click="fastText(p, 1)"
  2981. >
  2982. {{ p }}
  2983. </div>
  2984. </div>
  2985. </div>
  2986. <div>
  2987. <textarea
  2988. rows="3"
  2989. class="pj"
  2990. style="padding: 10px 5px"
  2991. cols
  2992. v-model="commentText"
  2993. placeholder="请输入对该学生的评价"
  2994. ></textarea>
  2995. </div>
  2996. </div>
  2997. <div slot="footer">
  2998. <el-button
  2999. @click="(commentDialogVisible = false), (this.commentIndexJson = {})"
  3000. >取 消</el-button
  3001. >
  3002. <el-button
  3003. type="primary"
  3004. @click="addComment(commentDetail.wid, userid, 2)"
  3005. >确 定</el-button
  3006. >
  3007. </div>
  3008. </el-dialog>
  3009. <el-dialog
  3010. title="查看文档"
  3011. :visible.sync="fullDialogVisible"
  3012. :append-to-body="true"
  3013. width="100%"
  3014. :before-close="handleClose"
  3015. class="dialog_diy full_diy"
  3016. >
  3017. <div style="height: 100%">
  3018. <iframe
  3019. v-if="fulltype == 2"
  3020. style="width: 100%; height: 100%; border: none"
  3021. :src="fullUrl"
  3022. ></iframe>
  3023. <pdf
  3024. v-else-if="fulltype == 3"
  3025. :pdfUrl="fullUrl"
  3026. style="width: 100%; height: 100%; overflow: auto"
  3027. ></pdf>
  3028. <div
  3029. class="wheel"
  3030. v-if="fulltype == 1"
  3031. style="
  3032. box-shadow: 0 0 6px 1px #f2f2f2;
  3033. width: 100%;
  3034. background: #f1f1f1;
  3035. "
  3036. >
  3037. <div class="title" style="width: 100%; box-sizing: border-box">
  3038. 查看文档
  3039. </div>
  3040. <el-form class="textBox" style="height: 90%">
  3041. <el-form-item class="textTitle">
  3042. <div style="font-size: 22px; max-height: 100px; overflow: auto">
  3043. {{ fullUrl.name }}
  3044. </div>
  3045. </el-form-item>
  3046. <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
  3047. <div
  3048. v-html="fullUrl.url"
  3049. class="textContent"
  3050. style="height: auto"
  3051. ></div>
  3052. </el-form>
  3053. </div>
  3054. </div>
  3055. <!-- <div slot="footer">
  3056. <el-button @click="fullDialogVisible = false">关 闭</el-button>
  3057. </div> -->
  3058. </el-dialog>
  3059. <el-dialog
  3060. title="学生评价"
  3061. :visible.sync="studentEvalDialogVisible"
  3062. :append-to-body="true"
  3063. width="800px"
  3064. :before-close="handleClose"
  3065. class="dialog_diy"
  3066. >
  3067. <div class="evalCss">
  3068. <div class="nav">请选择星星进行评分</div>
  3069. <div class="middleBox">
  3070. <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
  3071. <div class="nameAndrate">
  3072. <div>{{ e.value }}</div>
  3073. <el-rate
  3074. v-model="eScore.eStar[eIndex]"
  3075. :disabled="isStar"
  3076. ></el-rate>
  3077. </div>
  3078. <div v-if="e.detail">{{ e.detail }}</div>
  3079. </div>
  3080. <div class="easy_comment" v-if="isStar == false">
  3081. <div
  3082. v-for="(p, pIndex) in PlTextList"
  3083. :key="pIndex"
  3084. @click="fastText(p, 2)"
  3085. >
  3086. {{ p }}
  3087. </div>
  3088. </div>
  3089. <div class="bz">
  3090. <textarea
  3091. :disabled="isStar == true"
  3092. rows="4"
  3093. class="pj"
  3094. style="
  3095. padding: 10px 5px;
  3096. width: 70%;
  3097. background: #f7f6f9;
  3098. font-size: 14px;
  3099. text-indent: 10px;
  3100. color: #000;
  3101. "
  3102. cols
  3103. v-model="eScore.eBzText"
  3104. placeholder="请输入评价内容..."
  3105. ></textarea>
  3106. </div>
  3107. </div>
  3108. </div>
  3109. <div slot="footer">
  3110. <el-button @click="studentEvalDialogVisible = false">取 消</el-button>
  3111. <el-button type="primary" @click="addBzWorks" v-if="isStar"
  3112. >确 定</el-button
  3113. >
  3114. </div>
  3115. </el-dialog>
  3116. <el-dialog
  3117. title="选择填空"
  3118. :visible.sync="dialogVisibleSelect"
  3119. :append-to-body="true"
  3120. :width="isSelect ? '1000px' : '800px'"
  3121. :before-close="handleClose"
  3122. class="dialog_diy dialog_diy3"
  3123. >
  3124. <div v-if="selectJson">
  3125. <div class="select_box2">
  3126. <div class="select_box2_title">
  3127. <div>选择填空</div>
  3128. <div>请选择对应的答案进行答题!</div>
  3129. </div>
  3130. <div class="select_box2_box">
  3131. <div class="select_box2_img">
  3132. <img
  3133. :src="selectJson.url"
  3134. @click="previewImg(selectJson.url)"
  3135. alt=""
  3136. />
  3137. </div>
  3138. <div :class="isSelect ? 'rightWidthCss' : 'select_box2_answer'">
  3139. <div style="padding-top: 15px">
  3140. <div class="select_answer_title" v-if="isSelect">
  3141. {{ selectAnswer.stu }}
  3142. </div>
  3143. <div class="select_answer_title" v-else>
  3144. 根据题目选择对应答案
  3145. </div>
  3146. <div
  3147. class="select_box2_answer_box"
  3148. v-for="(item2, checkIndex) in selectJson.select"
  3149. :key="checkIndex"
  3150. >
  3151. <span style="min-width: 30px">{{ checkIndex + 1 }}、</span>
  3152. <el-select
  3153. :disabled="isSelect"
  3154. v-model="selectAnswer.answer[checkIndex]"
  3155. placeholder="请选择正确答案"
  3156. >
  3157. <el-option
  3158. v-for="(e, eIndex) in selectJson.select"
  3159. :key="eIndex"
  3160. :label="e"
  3161. :value="eIndex"
  3162. >
  3163. </el-option>
  3164. </el-select>
  3165. </div>
  3166. </div>
  3167. <div class="rightAnswerCss" v-if="isSelect && tType == 3">
  3168. <div
  3169. v-for="(a, aIndex) in selectJson.answer"
  3170. :key="aIndex"
  3171. class="rightAnswer"
  3172. >
  3173. <div
  3174. v-if="selectAnswer.answer[aIndex] === a"
  3175. style="color: #767de1"
  3176. >
  3177. 回答正确
  3178. </div>
  3179. <div v-else>回答错误</div>
  3180. <div
  3181. style="margin-left: 10px"
  3182. v-if="selectAnswer.answer[aIndex] !== a"
  3183. >
  3184. 正确答案:
  3185. </div>
  3186. <div
  3187. :class="
  3188. selectAnswer.answer[aIndex] === a ? 'blueCss' : 'redCss'
  3189. "
  3190. >
  3191. {{ selectJson.select[a] }}
  3192. </div>
  3193. </div>
  3194. </div>
  3195. </div>
  3196. <div class="upAnswerCss">
  3197. <el-button
  3198. type="primary"
  3199. @click="addSelectAnswer"
  3200. v-if="!isSelect"
  3201. >提交答案</el-button
  3202. >
  3203. </div>
  3204. </div>
  3205. </div>
  3206. </div>
  3207. </el-dialog>
  3208. </div>
  3209. </template>
  3210. <script>
  3211. import "../common/aws-sdk-2.235.1.min.js";
  3212. import pdf from "./components/pdf3";
  3213. import AskStatic from "./components/askStatic";
  3214. import AnswerData2 from "./components/answerData2";
  3215. import EditorBar from "./tools/wangEnduit.vue";
  3216. import Time from "./tools/time.vue";
  3217. import Mind from "./tools/jsmind.vue";
  3218. import Sunburst from "./tools/sunburst";
  3219. import SeeBoard from "./tools/seeBoard";
  3220. import * as imageConversion from "image-conversion";
  3221. export default {
  3222. components: {
  3223. EditorBar,
  3224. Time,
  3225. pdf,
  3226. AskStatic,
  3227. Mind,
  3228. Sunburst,
  3229. SeeBoard,
  3230. AnswerData2,
  3231. },
  3232. data() {
  3233. return {
  3234. dialogVisible: false,
  3235. commentDialogVisible: false,
  3236. isStar: false,
  3237. videoVisible: false,
  3238. studentEvalDialogVisible: false,
  3239. pzDialog: false,
  3240. addPzDialog: false,
  3241. chooseVisible: false,
  3242. videoDetail: {},
  3243. commentDetail: [],
  3244. rateJson: [],
  3245. eScore: { eBzText: "", eStar: [] },
  3246. id: this.$route.query.courseId,
  3247. userid: this.$route.query.userid,
  3248. classId: this.$route.query.cid,
  3249. // courseTypeLine: this.$route.query.type,
  3250. oid: this.$route.query.oid,
  3251. org: this.$route.query.org,
  3252. tType: this.$route.query.tType,
  3253. courseType: this.$route.query.type,
  3254. screenType: this.$route.query.screenType,
  3255. juriVisible: false,
  3256. pptImgUrl: "",
  3257. commentText: "",
  3258. pptImgUrl1: [],
  3259. full: false,
  3260. type: 1,
  3261. vedio: [],
  3262. selectJson: {},
  3263. text: [],
  3264. textList: [],
  3265. line: [],
  3266. lineList: [],
  3267. chapTools: [],
  3268. chapToolList: [],
  3269. file: [],
  3270. vedioTime: "",
  3271. upToolImg: "",
  3272. rateList: {
  3273. ca: 0,
  3274. },
  3275. rateParams: [],
  3276. selectAnswer: [],
  3277. isSelect: false,
  3278. dialogVisibleSelect: false,
  3279. colors: ["#DFDFDF", "#DFDFDF", "#DFDFDF"],
  3280. studyJuri: [
  3281. {
  3282. content: "",
  3283. cover: [],
  3284. upVedio: [],
  3285. upFile: [],
  3286. },
  3287. ],
  3288. mr: require("../assets/vedioPic.png"),
  3289. word: require("../assets/icon/isWord.png"),
  3290. video: require("../assets/icon/isVideo.png"),
  3291. noLikes: require("../assets/icon/comment/noLikes.png"),
  3292. likes: require("../assets/icon/comment/likes.png"),
  3293. courseDetail: {},
  3294. chapInfo: [],
  3295. pzConText: "",
  3296. chapInfoList: [],
  3297. taskCount: 0,
  3298. imgList: [],
  3299. noImgList: [],
  3300. navId: "",
  3301. playerOptions: {
  3302. playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
  3303. autoplay: false, //如果true,浏览器准备好时开始回放。
  3304. muted: false, // 默认情况下将会消除任何音频。
  3305. loop: false, // 导致视频一结束就重新开始。
  3306. preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频(如果浏览器支持)
  3307. language: "zh-CN",
  3308. aspectRatio: "16:9", // 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字(例如"16:9"或"4:3")
  3309. fluid: true, // 当true时,Video.js player将拥有流体大小。换句话说,它将按比例缩放以适应其容器。
  3310. sources: [
  3311. {
  3312. type: "video/mp4", //这里的种类支持很多种:基本视频格式、直播、流媒体等,具体可以参看git网址项目 || "video/ogg"|| "video/webm"
  3313. src: "", //url地址require("../../assets/media/aaa.mp4")
  3314. },
  3315. ],
  3316. // poster: require("../../assets/tu31.png"), //你的封面地址
  3317. // poster: dataRes.imgUrl, //你的封面地址
  3318. notSupportedMessage: "此视频暂无法播放,请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
  3319. controlBar: {
  3320. timeDivider: true, //当前时间和持续时间的分隔符
  3321. durationDisplay: true, //显示持续时间
  3322. remainingTimeDisplay: false, //是否显示剩余时间功能
  3323. fullscreenToggle: true, //全屏按钮
  3324. },
  3325. },
  3326. playerOptions1: {
  3327. playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
  3328. autoplay: false, //如果true,浏览器准备好时开始回放。
  3329. muted: false, // 默认情况下将会消除任何音频。
  3330. loop: false, // 导致视频一结束就重新开始。
  3331. preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频(如果浏览器支持)
  3332. language: "zh-CN",
  3333. aspectRatio: "16:9", // 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字(例如"16:9"或"4:3")
  3334. fluid: true, // 当true时,Video.js player将拥有流体大小。换句话说,它将按比例缩放以适应其容器。
  3335. sources: [
  3336. {
  3337. type: "video/mp4", //这里的种类支持很多种:基本视频格式、直播、流媒体等,具体可以参看git网址项目 || "video/ogg"|| "video/webm"
  3338. src: "", //url地址require("../../assets/media/aaa.mp4")
  3339. },
  3340. ],
  3341. // poster: require("../../assets/tu31.png"), //你的封面地址
  3342. // poster: dataRes.imgUrl, //你的封面地址
  3343. notSupportedMessage: "此视频暂无法播放,请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
  3344. controlBar: {
  3345. timeDivider: true, //当前时间和持续时间的分隔符
  3346. durationDisplay: true, //显示持续时间
  3347. remainingTimeDisplay: false, //是否显示剩余时间功能
  3348. fullscreenToggle: true, //全屏按钮
  3349. },
  3350. },
  3351. playerO: [],
  3352. pzList: [],
  3353. noneBtnImg: false,
  3354. proVisible: false,
  3355. progress: 0,
  3356. questionAnswer: "",
  3357. answerQ: "", //问答标题
  3358. wbCount: 0,
  3359. wordCount: 0,
  3360. mindCount: 0,
  3361. askCount: 0,
  3362. noteCount: 0,
  3363. mindNetWorkCount: 0,
  3364. libraryCount: 0,
  3365. workCount: 0,
  3366. timeCount: 0,
  3367. answerCount: 0,
  3368. trainCount: 0,
  3369. evalCount: 0,
  3370. dialogImageUrl: "",
  3371. pictureDialog: false,
  3372. toolTypeList: [],
  3373. dialogVisible1: false,
  3374. dialogVisible2: false,
  3375. dialogVisible3: false,
  3376. dialogVisible6: false,
  3377. dialogVisible4: false,
  3378. isNoHomeWork: false,
  3379. dialogVisible5: false,
  3380. answerDialogVisible: false,
  3381. timeDialogVisible: false,
  3382. radio: [],
  3383. PlTextList: [
  3384. "Excellent!",
  3385. "nice!",
  3386. "很有创意!",
  3387. "还不错哦~",
  3388. "继续努力哦~",
  3389. ],
  3390. isClickNavOne: [],
  3391. isAsk: false,
  3392. askJson: {
  3393. askCount: 1,
  3394. askTitle: "",
  3395. askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
  3396. },
  3397. checkJson: [],
  3398. askList: [],
  3399. sIsOpen: false,
  3400. answerList: [],
  3401. navList: [],
  3402. worksStudent: [],
  3403. workStudent: [],
  3404. noWorksS: [],
  3405. isWorksS: [],
  3406. noWorksStudent: [],
  3407. toolindex: 0,
  3408. workTypeA: false,
  3409. workTypeB: false,
  3410. workTypeC: false,
  3411. isAnswer: false,
  3412. timer: null,
  3413. showType: [],
  3414. fileType: 0,
  3415. showPDF: false,
  3416. noteName: "",
  3417. evaJuri: [],
  3418. evalua: "",
  3419. bzText: "",
  3420. eTitle: "",
  3421. eName: "",
  3422. eJson: {},
  3423. fid: "", //一级
  3424. sid: "", //二级
  3425. tid: "", //二级
  3426. typeMode: 1,
  3427. eJSONNum: 0,
  3428. Etype: 1,
  3429. data: {
  3430. meta: {
  3431. name: "example",
  3432. author: "dd@163.com",
  3433. version: "0.2",
  3434. },
  3435. format: "node_array",
  3436. data: [{ id: "root", isroot: true, topic: "" }],
  3437. },
  3438. fullDialogVisible: false,
  3439. fulltype: "",
  3440. fullUrl: "",
  3441. commentIndexJson: {},
  3442. };
  3443. },
  3444. methods: {
  3445. previewImg(url) {
  3446. this.$hevueImgPreview(url);
  3447. },
  3448. change(val) {
  3449. console.log(val);
  3450. },
  3451. goTo(path) {
  3452. this.$router.push(path);
  3453. },
  3454. handlePictureCardPreview(url) {
  3455. this.dialogImageUrl = url;
  3456. this.pictureDialog = true;
  3457. },
  3458. clean(type) {
  3459. if (type == 1) {
  3460. this.studyJuri[0].cover.splice(0, 1);
  3461. } else if (type == 2) {
  3462. this.studyJuri[0].upVedio.splice(0, 1);
  3463. } else {
  3464. this.studyJuri[0].upFile.splice(0, 1);
  3465. }
  3466. },
  3467. handleClose(done) {
  3468. this.commentIndexJson = {};
  3469. done();
  3470. },
  3471. fullTools() {
  3472. this.full = !this.full;
  3473. },
  3474. imgChange(file, fileList, type) {
  3475. if (type == 1) {
  3476. var _tmp = this.studyJuri[0].cover;
  3477. } else if (type == 2) {
  3478. var _tmp = this.studyJuri[0].upVedio;
  3479. } else {
  3480. var _tmp = this.studyJuri[0].upFile;
  3481. }
  3482. this.noneBtnImg = _tmp.length >= 1;
  3483. },
  3484. addImg(e) {
  3485. var el = e.currentTarget;
  3486. el.getElementsByTagName("input")[0].click();
  3487. },
  3488. addCourseWorks(i) {
  3489. var typesql;
  3490. if (this.fileType === 0) {
  3491. typesql = 1;
  3492. } else if (this.fileType === 1) {
  3493. typesql = 4;
  3494. } else {
  3495. typesql = 5;
  3496. }
  3497. if (this.workTypeA == true) {
  3498. this.$confirm(
  3499. "您已经提交了该作业了,如果您再提交将覆盖上次提交的作业!",
  3500. "提示",
  3501. {
  3502. confirmButtonText: "确定",
  3503. cancelButtonText: "取消",
  3504. type: "warning",
  3505. }
  3506. )
  3507. .then(() => {
  3508. let params = [
  3509. {
  3510. uid: this.userid,
  3511. cid: this.id,
  3512. stage: this.courseType,
  3513. task: i,
  3514. tool: this.toolindex,
  3515. content: this.studyJuri[0].cover[0].url,
  3516. type: typesql,
  3517. },
  3518. ];
  3519. this.ajax
  3520. .post(this.$store.state.api + "addCourseWorks", params)
  3521. .then((res) => {
  3522. this.$message({
  3523. message: "提交成功",
  3524. type: "success",
  3525. });
  3526. this.studyJuri[0].cover = [];
  3527. this.dialogVisible = false;
  3528. this.getCourseDetail();
  3529. })
  3530. .catch((err) => {
  3531. this.$message.error("提交失败");
  3532. console.error(err);
  3533. });
  3534. })
  3535. .catch(() => {});
  3536. } else {
  3537. let params = [
  3538. {
  3539. uid: this.userid,
  3540. cid: this.id,
  3541. stage: this.courseType,
  3542. task: i,
  3543. tool: this.toolindex,
  3544. content: this.studyJuri[0].cover[0].url,
  3545. type: typesql,
  3546. },
  3547. ];
  3548. this.ajax
  3549. .post(this.$store.state.api + "addCourseWorks", params)
  3550. .then((res) => {
  3551. this.$message({
  3552. message: "提交成功",
  3553. type: "success",
  3554. });
  3555. this.studyJuri[0].cover = [];
  3556. this.dialogVisible = false;
  3557. this.getCourseDetail();
  3558. })
  3559. .catch((err) => {
  3560. this.$message.error("提交失败");
  3561. console.error(err);
  3562. });
  3563. }
  3564. },
  3565. selectWorksStudent() {
  3566. let params = {
  3567. oid: this.oid,
  3568. cid: this.courseDetail.juri,
  3569. };
  3570. this.ajax
  3571. .get(this.$store.state.api + "selectWorksStudent", params)
  3572. .then((res) => {
  3573. var a = res.data[0];
  3574. for (var i = 0; i < this.isWorksS.length; i++) {
  3575. this.noWorksS[i] = [];
  3576. var studentK = [];
  3577. if (this.isWorksS[i].length > 0) {
  3578. for (var z = 0; z < this.isWorksS[i].length; z++) {
  3579. studentK.push(this.isWorksS[i][z].uid);
  3580. }
  3581. studentK = studentK.join(",");
  3582. for (var j = 0; j < a.length; j++) {
  3583. if (studentK.indexOf(a[j].userid) == -1) {
  3584. this.noWorksS[i].push({ student: a[j].name });
  3585. }
  3586. }
  3587. } else {
  3588. for (var k = 0; k < a.length; k++) {
  3589. this.noWorksS[i].push({ student: a[k].name });
  3590. }
  3591. }
  3592. }
  3593. this.$forceUpdate();
  3594. if (Object.keys(this.commentIndexJson).length) {
  3595. this.commentOther(
  3596. this.worksStudent[this.commentIndexJson.jdIndex][
  3597. this.commentIndexJson.rwIndex
  3598. ][this.commentIndexJson.toolIndex][this.commentIndexJson.wIndex],
  3599. this.commentIndexJson.jdIndex,
  3600. this.commentIndexJson.rwIndex,
  3601. this.commentIndexJson.toolIndex,
  3602. this.commentIndexJson.wIndex
  3603. );
  3604. }
  3605. })
  3606. .catch((err) => {
  3607. console.error(err);
  3608. });
  3609. },
  3610. addPz() {
  3611. let params = [
  3612. {
  3613. cid: this.id,
  3614. uid: this.userid,
  3615. c: this.pzConText,
  3616. },
  3617. ];
  3618. this.ajax
  3619. .post(this.$store.state.api + "addPz", params)
  3620. .then((res) => {
  3621. this.$message({
  3622. message: "添加成功",
  3623. type: "success",
  3624. });
  3625. this.pzConText = "";
  3626. this.addPzDialog = false;
  3627. this.selectPz();
  3628. })
  3629. .catch((err) => {
  3630. this.$message.error("添加失败");
  3631. console.error(err);
  3632. });
  3633. },
  3634. selectPz() {
  3635. this.pzDialog = true;
  3636. let params = {
  3637. cid: this.id,
  3638. };
  3639. this.ajax
  3640. .get(this.$store.state.api + "selectPzList", params)
  3641. .then((res) => {
  3642. this.pzList = res.data[0];
  3643. })
  3644. .catch((err) => {
  3645. console.error(err);
  3646. });
  3647. },
  3648. selectStudent() {
  3649. let params = {
  3650. uid: this.userid,
  3651. cid: this.id,
  3652. s: this.courseType,
  3653. t: this.taskCount,
  3654. };
  3655. this.ajax
  3656. .get(this.$store.state.api + "selectStudentWorks", params)
  3657. .then((res) => {
  3658. var a =
  3659. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  3660. this.taskCount
  3661. ].toolChoose;
  3662. var b = res.data[0];
  3663. var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  3664. for (var i = 0; i < a.length; i++) {
  3665. this.workStudent[i] = [];
  3666. for (var j = 0; j < b.length; j++) {
  3667. if (i == b[j].tool) {
  3668. if (b[j].type == 1 || b[j].type == 4) {
  3669. if (
  3670. c.indexOf(
  3671. b[j].content
  3672. .split(".")
  3673. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  3674. ) != -1
  3675. ) {
  3676. this.workStudent[i].push({
  3677. works: b[j].content,
  3678. sName: b[j].name,
  3679. type: 1,
  3680. time: b[j].time,
  3681. });
  3682. } else {
  3683. this.workStudent[i].push({
  3684. works: b[j].content,
  3685. sName: b[j].name,
  3686. type: 0,
  3687. time: b[j].time,
  3688. });
  3689. }
  3690. } else {
  3691. this.workStudent[i].push({
  3692. works: b[j].content,
  3693. sName: b[j].name,
  3694. type: 2,
  3695. time: b[j].time,
  3696. });
  3697. }
  3698. }
  3699. }
  3700. }
  3701. })
  3702. .catch((err) => {
  3703. console.error(err);
  3704. });
  3705. },
  3706. openVideo(w) {
  3707. this.videoDetail = {};
  3708. this.playerOptions1.sources[0].src = w;
  3709. this.videoDetail = this.playerOptions1;
  3710. this.videoVisible = true;
  3711. },
  3712. isLikes(wid, uid, t, c, isLikes) {
  3713. if (isLikes == false) {
  3714. let params = [
  3715. {
  3716. wid: wid,
  3717. lid: uid,
  3718. t: t,
  3719. c: c,
  3720. },
  3721. ];
  3722. this.ajax
  3723. .post(this.$store.state.api + "insertComment", params)
  3724. .then((res) => {
  3725. this.$message({
  3726. message: "点赞成功",
  3727. type: "success",
  3728. });
  3729. this.selectSWorks();
  3730. })
  3731. .catch((err) => {
  3732. this.$message.error("点赞失败");
  3733. console.error(err);
  3734. });
  3735. } else {
  3736. let params = {
  3737. wid: wid,
  3738. lid: uid,
  3739. type: t,
  3740. };
  3741. this.ajax
  3742. .get(this.$store.state.api + "deleteComment", params)
  3743. .then((res) => {
  3744. this.$message({
  3745. message: "取消点赞成功",
  3746. type: "success",
  3747. });
  3748. this.selectSWorks();
  3749. })
  3750. .catch((err) => {
  3751. console.error(err);
  3752. });
  3753. }
  3754. },
  3755. commentOther(w, jdIndex, rwIndex, toolIndex, wIndex) {
  3756. this.commentIndexJson = {
  3757. jdInde: jdIndex,
  3758. reIndex: rwIndex,
  3759. toolIndex: toolIndex,
  3760. wIndex: wIndex,
  3761. };
  3762. this.commentDetail = [];
  3763. this.commentDialogVisible = true;
  3764. if (w.works && w.type == 1) {
  3765. this.commentDetail = w;
  3766. this.pptImgUrl = "";
  3767. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
  3768. if (
  3769. a.indexOf(
  3770. w.works
  3771. .split(".")
  3772. [w.works.split(".").length - 1].toLocaleUpperCase()
  3773. ) != -1
  3774. ) {
  3775. this.pptImgUrl =
  3776. "https://view.officeapps.live.com/op/view.aspx?src=" + w.works;
  3777. this.showPDF = false;
  3778. } else if (
  3779. w.works
  3780. .split(".")
  3781. [w.works.split(".").length - 1].toLocaleUpperCase() == "PDF"
  3782. ) {
  3783. this.pptImgUrl = w.works;
  3784. this.showPDF = true;
  3785. }
  3786. } else if (w.works && w.type == 3 && this.commentDialogVisible == false) {
  3787. this.videoDetail = {};
  3788. this.playerOptions1.sources[0].src = w.works;
  3789. this.videoDetail = this.playerOptions1;
  3790. this.videoVisible = true;
  3791. } else if (w.works && w.type == 4) {
  3792. this.commentDetail = w;
  3793. this.eScore = JSON.parse(w.works);
  3794. this.rateJson =
  3795. this.chapInfoList[jdIndex].chapterInfo[0].taskJson[
  3796. rwIndex
  3797. ].toolChoose[toolIndex].rateJson;
  3798. } else {
  3799. this.commentDetail = w;
  3800. }
  3801. },
  3802. addComment(wid, uid, t) {
  3803. let params = [
  3804. {
  3805. wid: wid,
  3806. lid: uid,
  3807. t: t,
  3808. c: this.commentText,
  3809. },
  3810. ];
  3811. this.ajax
  3812. .post(this.$store.state.api + "insertComment", params)
  3813. .then((res) => {
  3814. this.$message({
  3815. message: "评论成功",
  3816. type: "success",
  3817. });
  3818. this.commentText = "";
  3819. this.selectSWorks();
  3820. })
  3821. .catch((err) => {
  3822. this.$message.error("评论失败");
  3823. console.error(err);
  3824. });
  3825. },
  3826. selectSWorks() {
  3827. let params = {
  3828. cid: this.id,
  3829. // s: this.courseType,
  3830. // t: this.taskCount,
  3831. };
  3832. this.ajax
  3833. .get(this.$store.state.api + "selectSWorks2", params)
  3834. .then((res) => {
  3835. // var a =
  3836. // this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  3837. // this.taskCount
  3838. // ].toolChoose;
  3839. var b = res.data[0];
  3840. var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  3841. var y = [
  3842. "AVI",
  3843. "NAVI",
  3844. "MPEG",
  3845. "ASF",
  3846. "MOV",
  3847. "WMV",
  3848. "3GP",
  3849. "RM",
  3850. "RMVB",
  3851. "FLV",
  3852. "F4V",
  3853. "H.264",
  3854. "H.265",
  3855. "REAL VIDEO",
  3856. "MKV",
  3857. "WebM",
  3858. "HDDVD",
  3859. "MP4",
  3860. "MPG",
  3861. "M4V",
  3862. "MGV",
  3863. "OGV",
  3864. "QTM",
  3865. "STR",
  3866. "AMC",
  3867. "DVX",
  3868. "EVO",
  3869. "DAT",
  3870. "OGG",
  3871. "OGM",
  3872. ];
  3873. var p = res.data[1];
  3874. var t = res.data[2];
  3875. var a = this.chapInfoList;
  3876. for (var q = 0; q < a.length; q++) {
  3877. this.worksStudent[q] = [];
  3878. this.isWorksS[q] = [];
  3879. this.checkJson[q] = [];
  3880. var d = a[q].chapterInfo[0].taskJson;
  3881. for (var w = 0; w < d.length; w++) {
  3882. this.worksStudent[q][w] = [];
  3883. this.isWorksS[q][w] = [];
  3884. this.checkJson[q][w] = [];
  3885. var e = d[w].toolChoose;
  3886. for (var i = 0; i < e.length; i++) {
  3887. this.worksStudent[q][w][i] = [];
  3888. this.isWorksS[q][w][i] = [];
  3889. this.checkJson[q][w][i] = [];
  3890. for (var j = 0; j < b.length; j++) {
  3891. var likesCount = 0;
  3892. var commentCount = 0;
  3893. var isLikes = false;
  3894. var commentJson = [];
  3895. var data = b[j];
  3896. if (i == b[j].tool && w == b[j].task && q == b[j].stage) {
  3897. if (data.type == 2) {
  3898. var checkL = JSON.parse(data.content)[0].anwer.split(",");
  3899. for (var z = 0; z < checkL.length; z++) {
  3900. if (!this.checkJson[q][w][i][z]) {
  3901. this.checkJson[q][w][i].push({
  3902. checkCount: [],
  3903. checkPerson: [],
  3904. });
  3905. }
  3906. if (!this.checkJson[q][w][i][z].checkCount.length) {
  3907. this.checkJson[q][w][i][z].checkCount = [];
  3908. let _askItemCount = JSON.parse(data.content)[0]
  3909. .askJson.askJson[z].askItem;
  3910. for (var aic = 0; aic < _askItemCount; aic++) {
  3911. this.checkJson[q][w][i][z].checkCount.push(0);
  3912. }
  3913. }
  3914. this.checkJson[q][w][i][z].checkPerson[
  3915. parseInt(checkL[z])
  3916. ]
  3917. ? this.checkJson[q][w][i][z].checkPerson[
  3918. parseInt(checkL[z])
  3919. ].push(data.name)
  3920. : (this.checkJson[q][w][i][z].checkPerson[
  3921. parseInt(checkL[z])
  3922. ] = [data.name]);
  3923. this.checkJson[q][w][i][z].checkCount[
  3924. parseInt(checkL[z])
  3925. ]
  3926. ? this.checkJson[q][w][i][z].checkCount[
  3927. parseInt(checkL[z])
  3928. ]++
  3929. : (this.checkJson[q][w][i][z].checkCount[
  3930. parseInt(checkL[z])
  3931. ] = 1);
  3932. }
  3933. }
  3934. if (b[j].stage == q && b[j].task == w) {
  3935. // 1、电子白板,3、思维导图,6协同文档,7思维网格 16、作业提交
  3936. let _toolsAarry1 = [1, 3, 6, 7, 16, 40, 41];
  3937. let _toolsAarry2 = [4];
  3938. let _toolsAarry3 = [15];
  3939. for (var k = 0; k < p.length; k++) {
  3940. //点赞
  3941. if (p[k].workId == b[j].id) {
  3942. likesCount++;
  3943. if (p[k].likesId == this.userid) {
  3944. isLikes = true;
  3945. }
  3946. }
  3947. }
  3948. for (var l = 0; l < t.length; l++) {
  3949. //评论
  3950. if (t[l].workId == b[j].id) {
  3951. commentCount++;
  3952. if (t[l].comment != "") {
  3953. commentJson.push({
  3954. commentText: t[l].comment,
  3955. commentTime: t[l].commentTime,
  3956. commentPeople: t[l].commentPeople,
  3957. });
  3958. }
  3959. }
  3960. }
  3961. if (
  3962. (b[j].type == 1 ||
  3963. b[j].type == 4 ||
  3964. b[j].type == 5 ||
  3965. b[j].type == 6 ||
  3966. b[j].type == 7) &&
  3967. _toolsAarry1.indexOf(e[i].tool[0]) != -1
  3968. ) {
  3969. if (
  3970. c.indexOf(
  3971. b[j].content
  3972. .split(".")
  3973. [
  3974. b[j].content.split(".").length - 1
  3975. ].toLocaleUpperCase()
  3976. ) != -1
  3977. ) {
  3978. this.worksStudent[q][w][i].push({
  3979. userid: b[j].userid,
  3980. wid: b[j].id,
  3981. works: b[j].content,
  3982. sName: b[j].name,
  3983. type: 1,
  3984. time: b[j].time,
  3985. likesCount: likesCount,
  3986. commentCount: commentCount,
  3987. isLikes: isLikes,
  3988. commentJson: commentJson,
  3989. });
  3990. } else if (
  3991. y.indexOf(
  3992. b[j].content
  3993. .split(".")
  3994. [
  3995. b[j].content.split(".").length - 1
  3996. ].toLocaleUpperCase()
  3997. ) != -1
  3998. ) {
  3999. this.worksStudent[q][w][i].push({
  4000. userid: b[j].userid,
  4001. wid: b[j].id,
  4002. works: b[j].content,
  4003. sName: b[j].name,
  4004. type: 3,
  4005. time: b[j].time,
  4006. likesCount: likesCount,
  4007. commentCount: commentCount,
  4008. isLikes: isLikes,
  4009. commentJson: commentJson,
  4010. });
  4011. } else if (b[j].type == 6) {
  4012. this.worksStudent[q][w][i].push({
  4013. userid: b[j].userid,
  4014. wid: b[j].id,
  4015. works: b[j].content,
  4016. sName: b[j].name,
  4017. type: 4,
  4018. time: b[j].time,
  4019. likesCount: likesCount,
  4020. commentCount: commentCount,
  4021. isLikes: isLikes,
  4022. commentJson: commentJson,
  4023. });
  4024. } else if (b[j].type == 7) {
  4025. this.worksStudent[q][w][i].push({
  4026. userid: b[j].userid,
  4027. wid: b[j].id,
  4028. works: b[j].content,
  4029. sName: b[j].name,
  4030. type: 5,
  4031. time: b[j].time,
  4032. likesCount: likesCount,
  4033. commentCount: commentCount,
  4034. isLikes: isLikes,
  4035. commentJson: commentJson,
  4036. });
  4037. } else {
  4038. this.worksStudent[q][w][i].push({
  4039. userid: b[j].userid,
  4040. wid: b[j].id,
  4041. works: b[j].content,
  4042. sName: b[j].name,
  4043. type: 0,
  4044. time: b[j].time,
  4045. likesCount: likesCount,
  4046. commentCount: commentCount,
  4047. isLikes: isLikes,
  4048. commentJson: commentJson,
  4049. });
  4050. }
  4051. } else {
  4052. if (
  4053. b[j].type == 2 &&
  4054. _toolsAarry2.indexOf(e[i].tool[0]) != -1
  4055. ) {
  4056. this.worksStudent[q][w][i].push({
  4057. userid: b[j].userid,
  4058. wid: b[j].id,
  4059. works: b[j].content,
  4060. sName: b[j].name,
  4061. type: 2,
  4062. time: b[j].time,
  4063. likesCount: likesCount,
  4064. commentCount: commentCount,
  4065. isLikes: isLikes,
  4066. commentJson: commentJson,
  4067. });
  4068. }
  4069. if (
  4070. b[j].type == 3 &&
  4071. _toolsAarry3.indexOf(e[i].tool[0]) != -1
  4072. ) {
  4073. this.worksStudent[q][w][i].push({
  4074. userid: b[j].userid,
  4075. wid: b[j].id,
  4076. works: b[j].content,
  4077. sName: b[j].name,
  4078. type: 2,
  4079. time: b[j].time,
  4080. likesCount: likesCount,
  4081. commentCount: commentCount,
  4082. isLikes: isLikes,
  4083. commentJson: commentJson,
  4084. });
  4085. }
  4086. }
  4087. }
  4088. this.isWorksS[q][w][i].push({
  4089. uid: b[j].userid,
  4090. sName: b[j].name,
  4091. });
  4092. }
  4093. }
  4094. }
  4095. }
  4096. }
  4097. for (var q = 0; q < a.length; q++) {
  4098. var d = a[q].chapterInfo[0].taskJson;
  4099. for (var w = 0; w < d.length; w++) {
  4100. var e = d[w].toolChoose;
  4101. for (var i = 0; i < e.length; i++) {
  4102. for (var j = 0; j < b.length; j++) {
  4103. var data = b[j];
  4104. if (i == b[j].tool) {
  4105. if (data.type == 2) {
  4106. for (var z = 0; z < this.checkJson[q][w][i].length; z++) {
  4107. this.checkJson[q][w][i][z].checkPerent = [];
  4108. for (
  4109. var k = 0;
  4110. k < this.checkJson[q][w][i][z].checkCount.length;
  4111. k++
  4112. ) {
  4113. this.checkJson[q][w][i][z].checkPerent.push(
  4114. Math.round(
  4115. (this.checkJson[q][w][i][z].checkCount[k] /
  4116. parseInt(this.worksStudent[q][w][i].length)) *
  4117. 100
  4118. )
  4119. );
  4120. }
  4121. }
  4122. }
  4123. }
  4124. }
  4125. }
  4126. }
  4127. }
  4128. this.selectWorksStudent();
  4129. })
  4130. .catch((err) => {
  4131. console.error(err);
  4132. });
  4133. },
  4134. async beforeUpload1(event, type, i) {
  4135. var file = event.target.files[0];
  4136. var credentials = {
  4137. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  4138. secretAccessKey: "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",
  4139. }; //秘钥形式的登录上传
  4140. window.AWS.config.update(credentials);
  4141. window.AWS.config.region = "cn-northwest-1"; //设置区域
  4142. var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
  4143. var _this = this;
  4144. var b = [
  4145. "DOC",
  4146. "DOCX",
  4147. "DOCM",
  4148. "DOTM",
  4149. "DOTX",
  4150. "PPTX",
  4151. "PPSX",
  4152. "PPT",
  4153. "PPS",
  4154. "PPTM",
  4155. "POTM",
  4156. "PPAM",
  4157. "POTX",
  4158. "PPSM",
  4159. ];
  4160. var excelA = ["XLSX", "XLXB", "XLS", "XLSM"];
  4161. var photoA = [
  4162. "BMP",
  4163. "GIF",
  4164. "PNG",
  4165. "JPGE",
  4166. "JPG",
  4167. "TIF",
  4168. "PCX",
  4169. "TGA",
  4170. "EXIF",
  4171. "FPX",
  4172. "SVG",
  4173. "APNG",
  4174. ];
  4175. if (
  4176. b.indexOf(
  4177. file.name
  4178. .split(".")
  4179. [file.name.split(".").length - 1].toLocaleUpperCase()
  4180. ) != -1
  4181. ) {
  4182. if (file.size / 1024 / 1024 > 10) {
  4183. _this.$message({
  4184. message: "上传文件大于10兆,请重新选择文件!",
  4185. type: "success",
  4186. });
  4187. return;
  4188. }
  4189. } else if (
  4190. excelA.indexOf(
  4191. file.name
  4192. .split(".")
  4193. [file.name.split(".").length - 1].toLocaleUpperCase()
  4194. ) != "-1"
  4195. ) {
  4196. if (file.size / 1024 / 1024 > 5) {
  4197. _this.$message({
  4198. message: "上传文件大于5兆,请重新选择文件!",
  4199. type: "success",
  4200. });
  4201. return;
  4202. }
  4203. }
  4204. if (
  4205. photoA.indexOf(
  4206. file.name
  4207. .split(".")
  4208. [file.name.split(".").length - 1].toLocaleUpperCase()
  4209. ) != -1
  4210. ) {
  4211. // const blob = await imageConversion.compress(file, 0.8)
  4212. const blob = await imageConversion.compressAccurately(file, 32);
  4213. file = new File([blob], file.name, { type: file.type });
  4214. }
  4215. _this.progress = 0;
  4216. _this.proVisible = true;
  4217. if (file) {
  4218. var params = {
  4219. Key:
  4220. file.name.split(".")[0] +
  4221. new Date().getTime() +
  4222. "." +
  4223. file.name.split(".")[file.name.split(".").length - 1],
  4224. ContentType: file.type,
  4225. Body: file,
  4226. "Access-Control-Allow-Credentials": "*",
  4227. ACL: "public-read",
  4228. }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
  4229. var options = {
  4230. partSize: 1024 * 1024 * 1024,
  4231. queueSize: 2,
  4232. leavePartsOnError: true,
  4233. };
  4234. bucket
  4235. .upload(params, options)
  4236. .on("httpUploadProgress", function (evt) {
  4237. //这里可以写进度条
  4238. // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
  4239. _this.progress = parseInt((evt.loaded * 80) / evt.total);
  4240. })
  4241. .send(function (err, data) {
  4242. _this.progress = 100;
  4243. setTimeout(() => {
  4244. _this.proVisible = false;
  4245. }, 1000);
  4246. if (err) {
  4247. var a = _this.$refs.upload1.uploadFiles;
  4248. a.splice(a.length - 1, a.length);
  4249. _this.$message.error("上传失败");
  4250. } else {
  4251. if (type == 1) {
  4252. _this.studyJuri[0].cover.push({
  4253. name: file.name,
  4254. url: data.Location,
  4255. uid: file.uid,
  4256. });
  4257. var b = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  4258. var c = [
  4259. "AVI",
  4260. "NAVI",
  4261. "MPEG",
  4262. "ASF",
  4263. "MOV",
  4264. "WMV",
  4265. "3GP",
  4266. "RM",
  4267. "RMVB",
  4268. "FLV",
  4269. "F4V",
  4270. "H.264",
  4271. "H.265",
  4272. "REAL VIDEO",
  4273. "MKV",
  4274. "WebM",
  4275. "HDDVD",
  4276. "MP4",
  4277. "MPG",
  4278. "M4V",
  4279. "MGV",
  4280. "OGV",
  4281. "QTM",
  4282. "STR",
  4283. "AMC",
  4284. "DVX",
  4285. "EVO",
  4286. "DAT",
  4287. "OGG",
  4288. "OGM",
  4289. ];
  4290. if (
  4291. c.indexOf(
  4292. _this.studyJuri[0].cover[0].url
  4293. .split(".")
  4294. [
  4295. _this.studyJuri[0].cover[0].url.split(".").length - 1
  4296. ].toLocaleUpperCase()
  4297. ) != -1
  4298. ) {
  4299. _this.fileType = 2;
  4300. } else if (
  4301. b.indexOf(
  4302. _this.studyJuri[0].cover[0].url
  4303. .split(".")
  4304. [
  4305. _this.studyJuri[0].cover[0].url.split(".").length - 1
  4306. ].toLocaleUpperCase()
  4307. ) != -1
  4308. ) {
  4309. _this.fileType = 1;
  4310. } else {
  4311. _this.fileType = 0;
  4312. }
  4313. _this.imgChange(null, null, type);
  4314. } else if (type == 2) {
  4315. _this.upToolImg = data.Location;
  4316. _this.imgChange(null, null, type);
  4317. _this.addCourseWorks(i);
  4318. }
  4319. _this.imgChange(null, null, type);
  4320. console.log(data.Location);
  4321. }
  4322. });
  4323. }
  4324. },
  4325. beforeUpload2(event, type) {
  4326. var file = event.target.files[0];
  4327. var credentials = {
  4328. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  4329. secretAccessKey: "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",
  4330. }; //秘钥形式的登录上传
  4331. window.AWS.config.update(credentials);
  4332. window.AWS.config.region = "cn-northwest-1"; //设置区域
  4333. var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
  4334. var _this = this;
  4335. _this.progress = 0;
  4336. _this.proVisible = true;
  4337. if (file) {
  4338. var params = {
  4339. Key:
  4340. file.name.split(".")[0] +
  4341. new Date().getTime() +
  4342. "." +
  4343. file.name.split(".")[file.name.split(".").length - 1],
  4344. ContentType: file.type,
  4345. Body: file,
  4346. "Access-Control-Allow-Credentials": "*",
  4347. ACL: "public-read",
  4348. }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
  4349. var options = {
  4350. partSize: 2048 * 1024 * 1024,
  4351. queueSize: 2,
  4352. leavePartsOnError: true,
  4353. };
  4354. bucket
  4355. .upload(params, options)
  4356. .on("httpUploadProgress", function (evt) {
  4357. //这里可以写进度条
  4358. // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
  4359. _this.progress = parseInt((evt.loaded * 80) / evt.total);
  4360. })
  4361. .send(function (err, data) {
  4362. _this.progress = 100;
  4363. setTimeout(() => {
  4364. _this.proVisible = false;
  4365. }, 1000);
  4366. if (err) {
  4367. var a = _this.$refs.upload1.uploadFiles;
  4368. a.splice(a.length - 1, a.length);
  4369. _this.$message.error("上传失败");
  4370. } else {
  4371. if (type == 2) {
  4372. _this.studyJuri[0].upVedio.push({
  4373. name: file.name,
  4374. url: data.Location,
  4375. uid: file.uid,
  4376. });
  4377. _this.imgChange(null, null, type);
  4378. } else if (type == 3) {
  4379. _this.studyJuri[0].upFile.push({
  4380. name: file.name,
  4381. url: data.Location,
  4382. uid: file.uid,
  4383. });
  4384. _this.imgChange(null, null, type);
  4385. }
  4386. console.log(data.Location);
  4387. }
  4388. });
  4389. }
  4390. },
  4391. allScrell() {
  4392. window.parent.postMessage({ allScreen: this.screenType }, "*");
  4393. },
  4394. nextOrpreSteps(t) {
  4395. // this.showType = 0;
  4396. var b = this.chapInfoList.length - 1;
  4397. if (t == 0) {
  4398. if (this.courseType == 0) {
  4399. if (this.taskCount == 0) {
  4400. this.navList[this.courseType].isOpen = false;
  4401. this.courseType = b;
  4402. this.taskCount =
  4403. this.chapInfoList[this.courseType].chapterInfo[0].taskJson
  4404. .length - 1;
  4405. this.navList[this.courseType].isOpen = true;
  4406. } else {
  4407. this.taskCount--;
  4408. }
  4409. } else {
  4410. if (this.taskCount == 0) {
  4411. this.navList[this.courseType].isOpen = false;
  4412. this.courseType--;
  4413. this.taskCount =
  4414. this.chapInfoList[this.courseType].chapterInfo[0].taskJson
  4415. .length - 1;
  4416. this.navList[this.courseType].isOpen = true;
  4417. } else {
  4418. this.taskCount--;
  4419. }
  4420. }
  4421. } else {
  4422. var b = this.chapInfoList.length - 1;
  4423. if (this.courseType == b) {
  4424. if (
  4425. this.taskCount ==
  4426. this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
  4427. 1
  4428. ) {
  4429. this.navList[this.courseType].isOpen = false;
  4430. this.courseType = 0;
  4431. this.taskCount = 0;
  4432. this.navList[this.courseType].isOpen = true;
  4433. } else {
  4434. this.taskCount++;
  4435. }
  4436. } else {
  4437. if (
  4438. this.taskCount ==
  4439. this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
  4440. 1
  4441. ) {
  4442. this.navList[this.courseType].isOpen = false;
  4443. this.courseType++;
  4444. this.taskCount = 0;
  4445. this.navList[this.courseType].isOpen = true;
  4446. } else {
  4447. this.taskCount++;
  4448. }
  4449. }
  4450. // if (
  4451. // this.taskCount ==
  4452. // this.chapInfo.chapterInfo[0].taskJson.length - 1
  4453. // ) {
  4454. // this.taskCount = this.chapInfo.chapterInfo[0].taskJson.length - 1;
  4455. // } else {
  4456. // this.taskCount++;
  4457. // }
  4458. }
  4459. this.navId = this.navList[this.courseType].task[this.taskCount].id;
  4460. if (this.vedio[this.taskCount].length > 0) {
  4461. var a =
  4462. document.getElementsByClassName("box_course")[this.taskCount]
  4463. .offsetHeight;
  4464. document.getElementsByClassName("vedioList")[
  4465. this.taskCount
  4466. ].style.height = a + "px";
  4467. document.getElementsByClassName("navBox")[this.taskCount].style.height =
  4468. a - 40 + "px";
  4469. }
  4470. this.isNoHomeWork = false;
  4471. (this.studyJuri = [
  4472. {
  4473. content: "",
  4474. cover: [],
  4475. upVedio: [],
  4476. upFile: [],
  4477. },
  4478. ]),
  4479. (this.radio = []);
  4480. this.getHomeWork();
  4481. this.getCourseDetail();
  4482. },
  4483. openTask(s, n, i) {
  4484. var a = s + "-" + n;
  4485. var b = document.getElementById(a);
  4486. document.documentElement.scrollTop = b.offsetTop;
  4487. this.courseType = s;
  4488. this.navId = i;
  4489. this.taskCount = n;
  4490. this.showType = [];
  4491. this.isNoHomeWork = false;
  4492. (this.studyJuri = [
  4493. {
  4494. content: "",
  4495. cover: [],
  4496. upVedio: [],
  4497. upFile: [],
  4498. },
  4499. ]),
  4500. (this.radio = []);
  4501. // setTimeout(() => {
  4502. // let a = document.getElementById(i);
  4503. // if (a.offsetTop - 110 == 0) {
  4504. // window.scrollTo(0, 0);
  4505. // } else {
  4506. // window.scrollTo(0, a.offsetTop);
  4507. // }
  4508. // }, 0);
  4509. this.getHomeWork();
  4510. this.getCourseDetail();
  4511. this.$forceUpdate();
  4512. },
  4513. get(i) {
  4514. this.navList[i].isOpen = !this.navList[i].isOpen;
  4515. },
  4516. addQuestion() {
  4517. this.answerList.push({
  4518. answerTitle: this.answerQ,
  4519. answer: this.questionAnswer,
  4520. });
  4521. let params = [
  4522. {
  4523. uid: this.userid,
  4524. cid: this.id,
  4525. stage: this.courseType,
  4526. task: this.taskCount,
  4527. tool: this.toolindex,
  4528. content: JSON.stringify(this.answerList),
  4529. type: 3,
  4530. },
  4531. ];
  4532. this.ajax
  4533. .post(this.$store.state.api + "addCourseWorks", params)
  4534. .then((res) => {
  4535. this.$message({
  4536. message: "提交成功",
  4537. type: "success",
  4538. });
  4539. this.answerList = [];
  4540. this.answerDialogVisible = false;
  4541. })
  4542. .catch((err) => {
  4543. this.$message.error("提交失败");
  4544. console.error(err);
  4545. });
  4546. },
  4547. getCourseDetail() {
  4548. const loading = this.$loading.service({
  4549. background: "rgba(255, 255, 255, 0.7)",
  4550. target: document.querySelector(".student_table"),
  4551. });
  4552. // this.navList[0].isOpen = false;
  4553. // this.navList[this.courseType].isOpen = true;
  4554. // this.courseType = this.courseTypeLine;
  4555. // this.navId = this.navList[this.courseType].task[this.taskCount].id;
  4556. let params = {
  4557. courseId: this.id,
  4558. };
  4559. this.ajax
  4560. .get(this.$store.state.api + "selectCourseDetail", params)
  4561. .then((res) => {
  4562. loading.close();
  4563. // var a = JSON.parse(res.data[0][0].chapters)[this.courseType]
  4564. // .chapterInfo[0].taskJson;
  4565. var a = JSON.parse(res.data[0][0].chapters);
  4566. var b = [
  4567. "AVI",
  4568. "NAVI",
  4569. "MPEG",
  4570. "ASF",
  4571. "MOV",
  4572. "WMV",
  4573. "3GP",
  4574. "RM",
  4575. "RMVB",
  4576. "FLV",
  4577. "F4V",
  4578. "H.264",
  4579. "H.265",
  4580. "REAL VIDEO",
  4581. "MKV",
  4582. "WebM",
  4583. "HDDVD",
  4584. "MP4",
  4585. "MPG",
  4586. "M4V",
  4587. "MGV",
  4588. "OGV",
  4589. "QTM",
  4590. "STR",
  4591. "AMC",
  4592. "DVX",
  4593. "EVO",
  4594. "DAT",
  4595. "OGG",
  4596. "OGM",
  4597. ];
  4598. for (var i = 0; i < a.length; i++) {
  4599. var c = a[i].chapterInfo[0].taskJson;
  4600. this.vedio[i] = [];
  4601. this.textList[i] = [];
  4602. this.lineList[i] = [];
  4603. this.chapToolList[i] = [];
  4604. this.file[i] = [];
  4605. this.playerO[i] = [];
  4606. this.isClickNavOne[i] = [];
  4607. for (var j = 0; j < c.length; j++) {
  4608. var d = c[j].chapterData;
  4609. this.vedio[i][j] = [];
  4610. this.textList[i][j] = [];
  4611. this.lineList[i][j] = [];
  4612. this.chapToolList[i][j] = [];
  4613. this.file[i][j] = [];
  4614. this.isClickNavOne[i][j] = [];
  4615. for (var z = 0; z < d.length; z++) {
  4616. if (d[z].type == 7) {
  4617. this.chapToolList[i][j].push(d[z]);
  4618. } else if (d[z].type == 8) {
  4619. this.lineList[i][j].push(d[z]);
  4620. } else if (d[z].type == 6) {
  4621. this.textList[i][j].push(d[z]);
  4622. } else {
  4623. if (
  4624. b.indexOf(
  4625. d[z].url
  4626. .split(".")
  4627. [d[z].url.split(".").length - 1].toLocaleUpperCase()
  4628. ) != -1
  4629. ) {
  4630. this.vedio[i][j].push(d[z]);
  4631. } else {
  4632. this.file[i][j].push(d[z]);
  4633. }
  4634. }
  4635. }
  4636. var e = JSON.parse(JSON.stringify(this.playerOptions));
  4637. e.sources[0].src =
  4638. this.vedio[i][j].length > 0 ? this.vedio[i][j][0].url : this.mr;
  4639. this.playerO[i][j] = e;
  4640. }
  4641. }
  4642. this.courseDetail = res.data[0][0];
  4643. this.evalua = res.data[0][0].evaId;
  4644. this.chapInfo = JSON.parse(this.courseDetail.chapters)[
  4645. this.courseType
  4646. ];
  4647. this.chapInfoList = JSON.parse(this.courseDetail.chapters);
  4648. if (this.navList.length == 0) {
  4649. this.navList = [];
  4650. for (var l = 0; l < this.chapInfoList.length; l++) {
  4651. var q = this.chapInfoList[l].dyName;
  4652. var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  4653. var e;
  4654. this.navList.push({
  4655. dyName: q,
  4656. isOpen: l === 0 ? true : false,
  4657. task: [],
  4658. });
  4659. for (var r = 0; r < w.length; r++) {
  4660. e = w[r].task;
  4661. this.navList[l].task.push({ taskName: e, id: l + "-" + r });
  4662. this.navId = this.navId ? this.navId : l + "-" + r;
  4663. }
  4664. }
  4665. }
  4666. this.navList[0].isOpen = false;
  4667. this.navList[this.courseType].isOpen = true;
  4668. this.navId = this.navList[this.courseType].task[this.taskCount].id;
  4669. for (var l = 0; l < this.chapInfoList.length; l++) {
  4670. var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  4671. for (var m = 0; m < w.length; m++) {
  4672. w[m].id = l + "-" + m;
  4673. }
  4674. }
  4675. for (var i = 0; i < a.length; i++) {
  4676. this.showType[i] = [];
  4677. this.pptImgUrl1[i] = [];
  4678. var f = a[i].chapterInfo[0].taskJson;
  4679. for (var j = 0; j < f.length; j++) {
  4680. this.showType[i][j] = 0;
  4681. if (!this.vedio[i][j][0] || this.vedio[i][j][0].url == "") {
  4682. if (f[j].chapterData.length > 0) {
  4683. if (f[j].chapterData[0].type != 8) {
  4684. if (f[j].chapterData[0].type == 3) {
  4685. let _url = f[j].chapterData[0].url;
  4686. if (
  4687. _url
  4688. .split(".")
  4689. [_url.split(".").length - 1].toLocaleUpperCase() ==
  4690. "PDF"
  4691. ) {
  4692. this.showType[i][j] = 3;
  4693. this.pptImgUrl1[i][j] = _url;
  4694. this.isClickNavOne[i][j][0] = "word0";
  4695. } else if (
  4696. this.isAssetTypeAnImage(
  4697. _url
  4698. .split(".")
  4699. [_url.split(".").length - 1].toLocaleLowerCase()
  4700. )
  4701. ) {
  4702. this.showType[i][j] = 4;
  4703. this.pptImgUrl1[i][j] = _url;
  4704. this.isClickNavOne[i][j][0] = "word0";
  4705. } else {
  4706. this.showType[i][j] = 2;
  4707. this.pptImgUrl1[i][j] =
  4708. "https://view.officeapps.live.com/op/view.aspx?src=" +
  4709. _url;
  4710. this.isClickNavOne[i][j][0] = "word0";
  4711. }
  4712. } else if (f[j].chapterData[0].type == 6) {
  4713. this.showType[i][j] = 1;
  4714. this.text = this.textList[i][j][0];
  4715. this.isClickNavOne[i][j][0] = "text0";
  4716. }
  4717. } else {
  4718. for (var y = 0; y < f[j].chapterData.length; y++) {
  4719. if (f[j].chapterData[y].type != 8) {
  4720. if (f[j].chapterData[y].type == 3) {
  4721. let _url = f[j].chapterData[y].url;
  4722. if (
  4723. _url
  4724. .split(".")
  4725. [
  4726. _url.split(".").length - 1
  4727. ].toLocaleUpperCase() == "PDF"
  4728. ) {
  4729. this.showType[i][j] = 3;
  4730. this.pptImgUrl1[i][j] = _url;
  4731. this.isClickNavOne[i][j][0] = "word0";
  4732. } else if (
  4733. this.isAssetTypeAnImage(
  4734. _url
  4735. .split(".")
  4736. [_url.split(".").length - 1].toLocaleLowerCase()
  4737. )
  4738. ) {
  4739. this.showType[i][j] = 4;
  4740. this.pptImgUrl1[i][j] = _url;
  4741. this.isClickNavOne[i][j][0] = "word0";
  4742. } else {
  4743. this.showType[i][j] = 2;
  4744. this.pptImgUrl1[i][j] =
  4745. "https://view.officeapps.live.com/op/view.aspx?src=" +
  4746. _url;
  4747. this.isClickNavOne[i][j][0] = "word0";
  4748. }
  4749. } else if (f[j].chapterData[y].type == 6) {
  4750. this.showType[i][j] = 1;
  4751. this.text = this.textList[i][j][0];
  4752. this.isClickNavOne[i][j][0] = "text0";
  4753. }
  4754. }
  4755. }
  4756. }
  4757. }
  4758. } else {
  4759. this.isClickNavOne[i][j][0] = "video0";
  4760. }
  4761. }
  4762. }
  4763. setTimeout(() => {
  4764. this.checkEva();
  4765. }, 500);
  4766. this.selectStudent();
  4767. this.selectSWorks();
  4768. let _this = this;
  4769. _this.timer = setInterval(function () {
  4770. _this.selectSWorks();
  4771. _this.selectStudent();
  4772. _this.selectSLook();
  4773. }, 5000);
  4774. _this.$nextTick(function () {
  4775. setTimeout(() => {
  4776. let _box = document.getElementsByClassName("box_course");
  4777. for (var i = 0; i < _box.length; i++) {
  4778. var a =
  4779. document.getElementsByClassName("box_course")[i].offsetHeight;
  4780. document.getElementsByClassName("vedioList")[i].style.height =
  4781. a + "px";
  4782. document.getElementsByClassName("navBox")[i].style.height =
  4783. a - 40 + "px";
  4784. }
  4785. let _vedio = _this.vedio;
  4786. let _count = 0;
  4787. _this.vedioTime = [];
  4788. for (var i = 0; i < _vedio.length; i++) {
  4789. if (typeof _this.vedioTime != "object") {
  4790. _this.vedioTime = [];
  4791. }
  4792. for (var j = 0; j < _vedio[i].length; j++) {
  4793. if (!_this.vedioTime[i]) {
  4794. _this.vedioTime[i] = [];
  4795. }
  4796. for (var k = 0; k < _vedio[i][j].length; k++) {
  4797. if (!_this.vedioTime[i][j]) {
  4798. _this.vedioTime[i][j] = [];
  4799. }
  4800. if (_vedio[i][j][k]) {
  4801. _this.vedioTime[i][j].push(
  4802. document.getElementsByClassName("vjs-duration-display")[
  4803. _count
  4804. ].textContent
  4805. );
  4806. _count++;
  4807. }
  4808. }
  4809. }
  4810. }
  4811. }, 500);
  4812. });
  4813. // if (_this.vedio[_this.taskCount].length > 0) {
  4814. // _this.vedioTime = document.getElementsByClassName(
  4815. // "vjs-duration-display"
  4816. // )[0].textContent;
  4817. // }
  4818. })
  4819. .catch((err) => {
  4820. loading.close();
  4821. console.error(err);
  4822. });
  4823. },
  4824. getHomeWork() {
  4825. let params = {
  4826. cid: this.id,
  4827. stage: this.courseType,
  4828. task: this.taskCount,
  4829. uid: this.userid,
  4830. };
  4831. this.ajax
  4832. .get(this.$store.state.api + "selectWork", params)
  4833. .then((res) => {
  4834. if (res.data[0].length > 0) {
  4835. this.studyJuri = JSON.parse(res.data[0][0].content);
  4836. this.isNoHomeWork = true;
  4837. }
  4838. })
  4839. .catch((err) => {
  4840. console.error(err);
  4841. });
  4842. },
  4843. isAssetTypeAnImage(ext) {
  4844. return (
  4845. [
  4846. "png",
  4847. "jpg",
  4848. "jpeg",
  4849. "bmp",
  4850. "gif",
  4851. "webp",
  4852. "psd",
  4853. "svg",
  4854. "tiff",
  4855. ].indexOf(ext) !== -1
  4856. );
  4857. },
  4858. // switchVideo(media) {
  4859. // this.playerO = {};
  4860. // this.playerOptions.poster = "";
  4861. // this.playerOptions.sources[0].src = media;
  4862. // this.playerO = this.playerOptions;
  4863. // },
  4864. // onPlayerPlay() {},
  4865. lookVedio(u, i, j, v) {
  4866. this.isClickNavOne[i][j] = [];
  4867. var e = JSON.parse(JSON.stringify(this.playerOptions));
  4868. e.sources[0].src = u;
  4869. this.playerO[i][j] = e;
  4870. this.showType[i][j] = 0;
  4871. this.isClickNavOne[i][j][v] = "video" + v;
  4872. },
  4873. lookText(i, j, t) {
  4874. this.isClickNavOne[i][j] = [];
  4875. // this.textList[i][j][t] = this.textList[i][j][t];
  4876. // this.dialogVisible1 = true;
  4877. this.showType[i][j] = 1;
  4878. this.isClickNavOne[i][j][t] = "text" + t;
  4879. },
  4880. lookTools(i, t) {
  4881. this.chapTools = this.chapToolList[i][t];
  4882. this.dialogVisible2 = true;
  4883. },
  4884. openFile(f) {
  4885. this.pptImgUrl = "";
  4886. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
  4887. if (
  4888. a.indexOf(f.split(".")[f.split(".").length - 1].toLocaleUpperCase()) !=
  4889. -1
  4890. ) {
  4891. this.pptImgUrl =
  4892. "https://view.officeapps.live.com/op/view.aspx?src=" + f;
  4893. this.showPDF = false;
  4894. this.dialogVisible3 = true;
  4895. } else if (
  4896. f.split(".")[f.split(".").length - 1].toLocaleUpperCase() == "PDF"
  4897. ) {
  4898. this.pptImgUrl = f;
  4899. this.showPDF = true;
  4900. this.dialogVisible3 = true;
  4901. }
  4902. },
  4903. downFile(f, i, j, k) {
  4904. this.isClickNavOne[j][k] = [];
  4905. this.pptImgUrl1[j][k] = [];
  4906. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"]; //"PDF",
  4907. if (
  4908. a.indexOf(
  4909. f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase()
  4910. ) != -1
  4911. ) {
  4912. this.pptImgUrl1[j][k] =
  4913. "https://view.officeapps.live.com/op/view.aspx?src=" + f.url;
  4914. // this.dialogVisible3 = true;
  4915. this.showType[j][k] = 2;
  4916. } else if (
  4917. this.isAssetTypeAnImage(
  4918. f.url.split(".")[f.url.split(".").length - 1].toLocaleLowerCase()
  4919. )
  4920. ) {
  4921. this.showType[j][k] = 4;
  4922. this.pptImgUrl1[j][k] = f.url;
  4923. } else if (
  4924. f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase() ==
  4925. "PDF"
  4926. ) {
  4927. this.pptImgUrl1[j][k] = f.url;
  4928. // this.dialogVisible3 = true;
  4929. this.showType[j][k] = 3;
  4930. } else {
  4931. window.open(this.file[i].url);
  4932. }
  4933. this.isClickNavOne[j][k][i] = "word" + i;
  4934. },
  4935. downFileList(i) {
  4936. window.open(this.noImgList[i].url);
  4937. },
  4938. openAddWork() {
  4939. this.dialogVisible = true;
  4940. },
  4941. addBzWorks() {
  4942. let params = [
  4943. {
  4944. uid: this.userid,
  4945. cid: this.id,
  4946. stage: this.courseType,
  4947. task: this.taskCount,
  4948. tool: this.toolindex,
  4949. content: JSON.stringify(this.eScore),
  4950. type: 6,
  4951. },
  4952. ];
  4953. this.ajax
  4954. .post(this.$store.state.api + "addCourseWorks", params)
  4955. .then((res) => {
  4956. this.$message({
  4957. message: "提交成功",
  4958. type: "success",
  4959. });
  4960. this.bzText = "";
  4961. this.studentEvalDialogVisible = false;
  4962. this.selectSWorks();
  4963. })
  4964. .catch((err) => {
  4965. this.$message.error("提交失败");
  4966. console.error(err);
  4967. });
  4968. },
  4969. addStudentAsk() {
  4970. this.askList.push({ askJson: this.askJson, anwer: this.radio.join(",") });
  4971. let params = [
  4972. {
  4973. uid: this.userid,
  4974. cid: this.id,
  4975. stage: this.courseType,
  4976. task: this.taskCount,
  4977. tool: this.toolindex,
  4978. content: JSON.stringify(this.askList).replace(/%/g, "%25"),
  4979. type: 2,
  4980. },
  4981. ];
  4982. this.ajax
  4983. .post(this.$store.state.api + "addCourseWorks", params)
  4984. .then((res) => {
  4985. this.$message({
  4986. message: "提交成功",
  4987. type: "success",
  4988. });
  4989. this.askList = [];
  4990. this.dialogVisible5 = false;
  4991. })
  4992. .catch((err) => {
  4993. this.$message.error("提交失败");
  4994. console.error(err);
  4995. });
  4996. },
  4997. updateSLook() {
  4998. let params = {
  4999. sopen: this.sIsOpen == false ? 1 : 2,
  5000. cid: this.id,
  5001. };
  5002. this.ajax
  5003. .get(this.$store.state.api + "updateCourseSLook", params)
  5004. .then((res) => {
  5005. if (this.sIsOpen == true) {
  5006. this.$message({
  5007. message: "权限开放成功",
  5008. type: "success",
  5009. });
  5010. } else {
  5011. this.$message({
  5012. message: "权限关闭成功",
  5013. type: "success",
  5014. });
  5015. }
  5016. })
  5017. .catch((err) => {
  5018. console.error(err);
  5019. });
  5020. },
  5021. addWork() {
  5022. if (this.studyJuri[0].content == "") {
  5023. this.$message.error("请将信息填写完整");
  5024. return;
  5025. } else if (this.studyJuri[0].cover.length == 0) {
  5026. this.$message.error("请将信息填写完整");
  5027. return;
  5028. } else if (this.studyJuri[0].upVedio.length == 0) {
  5029. this.$message.error("请将信息填写完整");
  5030. return;
  5031. }
  5032. if (this.isNoHomeWork) {
  5033. this.$confirm(
  5034. "您已经提交了该作业了,如果您再提交将覆盖上次提交的作业!",
  5035. "提示",
  5036. {
  5037. confirmButtonText: "确定",
  5038. cancelButtonText: "取消",
  5039. type: "warning",
  5040. }
  5041. )
  5042. .then(() => {
  5043. let params = [
  5044. {
  5045. uid: this.userid,
  5046. cid: this.id,
  5047. stage: this.courseType,
  5048. task: this.taskCount,
  5049. content: JSON.stringify(this.studyJuri),
  5050. },
  5051. ];
  5052. this.ajax
  5053. .post(this.$store.state.api + "addWorks", params)
  5054. .then((res) => {
  5055. this.$message({
  5056. message: "提交成功",
  5057. type: "success",
  5058. });
  5059. this.isNoHomeWork = true;
  5060. this.dialogVisible = false;
  5061. })
  5062. .catch((err) => {
  5063. this.$message.error("提交失败");
  5064. console.error(err);
  5065. });
  5066. })
  5067. .catch(() => {});
  5068. } else {
  5069. let params = [
  5070. {
  5071. uid: this.userid,
  5072. cid: this.id,
  5073. stage: this.courseType,
  5074. task: this.taskCount,
  5075. content: JSON.stringify(this.studyJuri),
  5076. },
  5077. ];
  5078. this.ajax
  5079. .post(this.$store.state.api + "addWorks", params)
  5080. .then((res) => {
  5081. this.$message({
  5082. message: "提交成功",
  5083. type: "success",
  5084. });
  5085. this.isNoHomeWork = true;
  5086. this.dialogVisible = false;
  5087. })
  5088. .catch((err) => {
  5089. this.$message.error("提交失败");
  5090. console.error(err);
  5091. });
  5092. }
  5093. },
  5094. fastText(p, t) {
  5095. if (t == 1) {
  5096. this.commentText += p;
  5097. } else {
  5098. this.eScore.eBzText += p;
  5099. }
  5100. },
  5101. selectCount() {
  5102. let params = {
  5103. cid: this.id,
  5104. chid: this.courseType,
  5105. uid: this.userid,
  5106. };
  5107. this.ajax
  5108. .get(this.$store.state.api + "selectToolsCount", params)
  5109. .then((res) => {
  5110. for (var i = 0; i < res.data[0].length; i++) {
  5111. if (res.data[0][i].tools == 1) {
  5112. this.wbCount = res.data[0][i].count;
  5113. } else if (res.data[0][i].tools == 2) {
  5114. this.wordCount = res.data[0][i].count;
  5115. } else if (res.data[0][i].tools == 3) {
  5116. this.mindCount = res.data[0][i].count;
  5117. } else if (res.data[0][i].tools == 4) {
  5118. this.askCount = res.data[0][i].count;
  5119. } else if (res.data[0][i].tools == 6) {
  5120. this.noteCount = res.data[0][i].count;
  5121. } else if (res.data[0][i].tools == 7) {
  5122. this.mindNetWorkCount = res.data[0][i].count;
  5123. } else if (res.data[0][i].tools == 8) {
  5124. this.libraryCount = res.data[0][i].count;
  5125. } else if (res.data[0][i].tools == 16) {
  5126. this.workCount = res.data[0][i].count;
  5127. } else if (res.data[0][i].tools == 10) {
  5128. this.timeCount = res.data[0][i].count;
  5129. } else if (res.data[0][i].tools == 15) {
  5130. this.answerCount = res.data[0][i].count;
  5131. } else if (res.data[0][i].tools == 18) {
  5132. this.trainCount = res.data[0][i].count;
  5133. }
  5134. }
  5135. })
  5136. .catch((err) => {
  5137. console.error(err);
  5138. });
  5139. },
  5140. openTools(t, i, index, c, sName) {
  5141. var z = JSON.parse(c);
  5142. this.noteName = sName;
  5143. if (t == 4) {
  5144. this.radio = [];
  5145. this.isAnswer = false;
  5146. for (var i = 0; i < z.length; i++) {
  5147. let a = z[i];
  5148. let b = a.anwer.split(",");
  5149. let d = [];
  5150. for (var j = 0; j < b.length; j++) {
  5151. d.push(parseInt(b[j]));
  5152. }
  5153. this.radio = d;
  5154. this.askJson = a.askJson;
  5155. }
  5156. this.isAnswer = true;
  5157. this.dialogVisible5 = true;
  5158. }
  5159. // else if (t == 15) {
  5160. // this.answerQ = "";
  5161. // this.questionAnswer = "";
  5162. // this.answerQ = z[0].answerTitle;
  5163. // this.questionAnswer = z[0].answer;
  5164. // this.answerDialogVisible = true;
  5165. // }
  5166. },
  5167. doUrl(url) {
  5168. if (url.indexOf("https://") == -1 && url.indexOf("http://") == -1) {
  5169. url = "https://" + url;
  5170. }
  5171. window.open(url);
  5172. },
  5173. addTools(t, i, jdIndex, index) {
  5174. var a = 0;
  5175. this.courseType = jdIndex;
  5176. this.taskCount = index;
  5177. this.toolindex = i;
  5178. if (t == 1) {
  5179. if (this.wbCount > 0) {
  5180. this.updateCount(this.wbCount, t, jdIndex);
  5181. } else {
  5182. this.wbCount++;
  5183. a = this.wbCount;
  5184. this.toolsCount(a, t, jdIndex);
  5185. }
  5186. // window.parent.postMessage(
  5187. // {
  5188. // tools: "1",
  5189. // cid: this.id,
  5190. // stage: this.courseType,
  5191. // task: this.taskCount,
  5192. // tool: i,
  5193. // },
  5194. // "*"
  5195. // );
  5196. } else if (t == 2) {
  5197. if (this.wordCount > 0) {
  5198. this.updateCount(this.wordCount, t, jdIndex);
  5199. } else {
  5200. this.wordCount++;
  5201. a = this.wordCount;
  5202. this.toolsCount(a, t, jdIndex);
  5203. }
  5204. window.parent.postMessage({ tools: "2" }, "*");
  5205. } else if (t == 3) {
  5206. if (this.mindCount > 0) {
  5207. this.updateCount(this.mindCount, t, jdIndex);
  5208. } else {
  5209. this.mindCount++;
  5210. a = this.mindCount;
  5211. this.toolsCount(a, t, jdIndex, jdIndex);
  5212. }
  5213. window.parent.postMessage(
  5214. {
  5215. tools: "3",
  5216. cid: this.id,
  5217. stage: this.courseType,
  5218. task: this.taskCount,
  5219. tool: i,
  5220. },
  5221. "*"
  5222. );
  5223. } else if (t == 4) {
  5224. this.radio = [];
  5225. this.noteName = "";
  5226. this.isAnswer = false;
  5227. if (this.askCount > 0) {
  5228. this.updateCount(this.askCount, t, jdIndex);
  5229. } else {
  5230. this.askCount++;
  5231. a = this.askCount;
  5232. this.toolsCount(a, t, jdIndex, jdIndex);
  5233. }
  5234. if (!this.dialogVisible2) {
  5235. this.askJson.askJson =
  5236. this.chapInfoList[jdIndex].chapterInfo[0].taskJson[
  5237. index
  5238. ].toolChoose[i].askJson;
  5239. this.askJson.askTitle =
  5240. this.chapInfoList[jdIndex].chapterInfo[0].taskJson[
  5241. index
  5242. ].toolChoose[i].askTitle;
  5243. this.askJson.askCount =
  5244. this.chapInfoList[jdIndex].chapterInfo[0].taskJson[
  5245. index
  5246. ].toolChoose[i].askCount;
  5247. } else {
  5248. this.askJson.askJson = this.chapTools.askJson.askJson;
  5249. this.askJson.askTitle = this.chapTools.askJson.askTitle;
  5250. this.askJson.askCount = this.chapTools.askJson.askCount;
  5251. }
  5252. this.dialogVisible5 = true;
  5253. // window.parent.postMessage({ tools: "4" }, "*");
  5254. } else if (t == 5) {
  5255. if (this.scoreCount > 0) {
  5256. this.updateCount(this.scoreCount, t, jdIndex);
  5257. } else {
  5258. this.scoreCount++;
  5259. a = this.scoreCount;
  5260. this.toolsCount(a, t, jdIndex);
  5261. }
  5262. this.dialogVisible4 = true;
  5263. // window.parent.postMessage({ tools: "5" }, "*");
  5264. } else if (t == 6) {
  5265. if (this.noteCount > 0) {
  5266. this.updateCount(this.noteCount, t, jdIndex);
  5267. } else {
  5268. this.noteCount++;
  5269. a = this.noteCount;
  5270. this.toolsCount(a, t, jdIndex);
  5271. }
  5272. window.parent.postMessage(
  5273. {
  5274. tools: "6",
  5275. cid: this.id,
  5276. stage: jdIndex,
  5277. task: this.taskCount,
  5278. tool: i,
  5279. },
  5280. "*"
  5281. );
  5282. } else if (t == 7) {
  5283. if (this.mindNetWorkCount > 0) {
  5284. this.updateCount(this.mindNetWorkCount, t, jdIndex);
  5285. } else {
  5286. this.mindNetWorkCount++;
  5287. a = this.mindNetWorkCount;
  5288. this.toolsCount(a, t, jdIndex);
  5289. }
  5290. window.parent.postMessage(
  5291. {
  5292. tools: "7",
  5293. cid: this.id,
  5294. stage: jdIndex,
  5295. task: this.taskCount,
  5296. tool: i,
  5297. },
  5298. "*"
  5299. );
  5300. } else if (t == 16) {
  5301. if (this.workCount > 0) {
  5302. this.updateCount(this.workCount, t, jdIndex);
  5303. } else {
  5304. this.workCount++;
  5305. a = this.workCount;
  5306. this.toolsCount(a, t, jdIndex);
  5307. }
  5308. this.dialogVisible = true;
  5309. } else if (t == 8) {
  5310. if (this.libraryCount > 0) {
  5311. this.updateCount(this.libraryCount, t, jdIndex);
  5312. } else {
  5313. this.libraryCount++;
  5314. a = this.libraryCount;
  5315. this.toolsCount(a, t, jdIndex);
  5316. }
  5317. window.parent.postMessage({ tools: "8" }, "*");
  5318. } else if (t == 17) {
  5319. if (this.libraryCount > 0) {
  5320. this.updateCount(this.libraryCount, t, jdIndex);
  5321. } else {
  5322. this.libraryCount++;
  5323. a = this.libraryCount;
  5324. this.toolsCount(a, t, jdIndex);
  5325. }
  5326. window.parent.postMessage({ tools: "17" }, "*");
  5327. } else if (t == 18) {
  5328. if (this.trainCount > 0) {
  5329. this.updateCount(this.trainCount, t, jdIndex);
  5330. } else {
  5331. this.trainCount++;
  5332. a = this.trainCount;
  5333. this.toolsCount(a, t, jdIndex);
  5334. }
  5335. window.parent.postMessage({ tools: "18" }, "*");
  5336. } else if (t == 10) {
  5337. if (this.timeCount > 0) {
  5338. this.updateCount(this.timeCount, t, jdIndex);
  5339. } else {
  5340. this.timeCount++;
  5341. a = this.timeCount;
  5342. this.toolsCount(a, t, jdIndex);
  5343. }
  5344. this.timeDialogVisible = true;
  5345. } else if (t == 15) {
  5346. this.answerQ = "";
  5347. this.questionAnswer = "";
  5348. if (this.answerCount > 0) {
  5349. this.updateCount(this.answerCount, t, jdIndex);
  5350. } else {
  5351. this.answerCount++;
  5352. a = this.answerCount;
  5353. this.toolsCount(a, t, jdIndex);
  5354. }
  5355. this.answerQ = this.chapInfoList[jdIndex].chapterInfo[0].taskJson[index]
  5356. .toolChoose[i].answerQ
  5357. ? this.chapInfoList[jdIndex].chapterInfo[0].taskJson[index]
  5358. .toolChoose[i].answerQ
  5359. : "";
  5360. this.answerDialogVisible = true;
  5361. } else if (t == 21) {
  5362. window.parent.postMessage({ tools: "21" }, "*");
  5363. } else if (t == 22) {
  5364. window.parent.postMessage({ tools: "22" }, "*");
  5365. } else if (t == 23) {
  5366. window.parent.postMessage({ tools: "23" }, "*");
  5367. } else if (t == 24) {
  5368. window.parent.postMessage({ tools: "24" }, "*");
  5369. } else if (t == 26) {
  5370. window.parent.postMessage(
  5371. {
  5372. tools: "26",
  5373. cid: this.id,
  5374. stage: jdIndex,
  5375. task: index,
  5376. tool: i,
  5377. },
  5378. "*"
  5379. );
  5380. } else if (t == 40) {
  5381. if (this.evalCount > 0) {
  5382. this.updateCount(this.evalCount, t, jdIndex);
  5383. } else {
  5384. this.evalCount++;
  5385. a = this.evalCount;
  5386. this.toolsCount(a, t, jdIndex);
  5387. }
  5388. if (this.worksStudent[jdIndex][index][i].length) {
  5389. for (
  5390. var k = 0;
  5391. k < this.worksStudent[jdIndex][index][i].length;
  5392. k++
  5393. ) {
  5394. if (this.userid == this.worksStudent[jdIndex][index][i][k].userid) {
  5395. this.eScore = JSON.parse(
  5396. this.worksStudent[jdIndex][index][i][k].works
  5397. );
  5398. this.rateJson =
  5399. this.chapInfoList[jdIndex].chapterInfo[0].taskJson[
  5400. index
  5401. ].toolChoose[i].rateJson;
  5402. break;
  5403. } else {
  5404. this.rateJson =
  5405. this.chapInfoList[jdIndex].chapterInfo[0].taskJson[
  5406. index
  5407. ].toolChoose[i].rateJson;
  5408. }
  5409. }
  5410. } else {
  5411. this.rateJson =
  5412. this.chapInfoList[jdIndex].chapterInfo[0].taskJson[
  5413. index
  5414. ].toolChoose[i].rateJson;
  5415. }
  5416. this.isStar = false;
  5417. this.studentEvalDialogVisible = true;
  5418. } else if (t == 41) {
  5419. this.selectJson = this.chapInfoList[jdIndex].chapterInfo[0].taskJson[
  5420. index
  5421. ].toolChoose[i].selectJson
  5422. ? JSON.parse(
  5423. JSON.stringify(
  5424. this.chapInfoList[jdIndex].chapterInfo[0].taskJson[index]
  5425. .toolChoose[i].selectJson
  5426. )
  5427. )
  5428. : { url: "", select: [], answer: [] };
  5429. if (this.worksStudent[jdIndex][index][i].length) {
  5430. for (
  5431. var k = 0;
  5432. k < this.worksStudent[jdIndex][index][i].length;
  5433. k++
  5434. ) {
  5435. if (this.userid == this.worksStudent[jdIndex][index][i][k].userid) {
  5436. var a = this.worksStudent[jdIndex][index][i][k].works.split(",");
  5437. for (var ki = 0; ki < a.length; ki++) {
  5438. a[ki] = parseInt(a[ki]);
  5439. }
  5440. this.selectAnswer = {
  5441. answer: a,
  5442. stu: this.worksStudent[jdIndex][index][i][k].sName,
  5443. };
  5444. break;
  5445. } else {
  5446. this.selectAnswer = { answer: [], stu: "" };
  5447. }
  5448. }
  5449. } else {
  5450. this.selectAnswer = { answer: [], stu: "" };
  5451. }
  5452. this.isSelect = false;
  5453. this.dialogVisibleSelect = true;
  5454. }
  5455. },
  5456. addSelectAnswer() {
  5457. let params = [
  5458. {
  5459. uid: this.userid,
  5460. cid: this.id,
  5461. stage: this.courseType,
  5462. task: this.taskCount,
  5463. tool: this.toolindex,
  5464. content: this.selectAnswer.answer,
  5465. type: 7,
  5466. },
  5467. ];
  5468. this.ajax
  5469. .post(this.$store.state.api + "addCourseWorks", params)
  5470. .then((res) => {
  5471. this.$message({
  5472. message: "提交成功",
  5473. type: "success",
  5474. });
  5475. // this.selectAnswer = [];
  5476. this.dialogVisibleSelect = false;
  5477. this.selectSWorks();
  5478. })
  5479. .catch((err) => {
  5480. this.$message.error("提交失败");
  5481. console.error(err);
  5482. });
  5483. },
  5484. openXz(w, jd, rw, toolindex) {
  5485. this.selectJson = this.chapInfoList[jd].chapterInfo[0].taskJson[rw]
  5486. .toolChoose[toolindex].selectJson
  5487. ? JSON.parse(
  5488. JSON.stringify(
  5489. this.chapInfoList[jd].chapterInfo[0].taskJson[rw].toolChoose[
  5490. toolindex
  5491. ].selectJson
  5492. )
  5493. )
  5494. : { url: "", select: [], answer: [] };
  5495. var a = w.works.split(",");
  5496. for (var k = 0; k < a.length; k++) {
  5497. a[k] = parseInt(a[k]);
  5498. }
  5499. this.selectAnswer = { answer: a, stu: w.sName };
  5500. this.isSelect = true;
  5501. this.dialogVisibleSelect = true;
  5502. },
  5503. openPj(w, jd, rw, toolindex) {
  5504. this.isStar = true;
  5505. this.eScore = JSON.parse(w);
  5506. this.rateJson =
  5507. this.chapInfoList[jd].chapterInfo[0].taskJson[rw].toolChoose[
  5508. toolindex
  5509. ].rateJson;
  5510. this.studentEvalDialogVisible = true;
  5511. },
  5512. toolsCount(a, t, jdIndex) {
  5513. let params = {
  5514. cid: this.id,
  5515. chid: jdIndex,
  5516. uid: this.userid,
  5517. tid: t,
  5518. count: a,
  5519. };
  5520. this.ajax
  5521. .get(this.$store.state.api + "insertToolsCount", params)
  5522. .then((res) => {
  5523. this.selectCount();
  5524. })
  5525. .catch((err) => {
  5526. console.error(err);
  5527. });
  5528. },
  5529. updateCount(c, t, jdIndex) {
  5530. c++;
  5531. let params = {
  5532. cid: this.id,
  5533. chid: jdIndex,
  5534. uid: this.userid,
  5535. tid: t,
  5536. count: c,
  5537. };
  5538. this.ajax
  5539. .get(this.$store.state.api + "updateToolsCount", params)
  5540. .then((res) => {
  5541. this.selectCount();
  5542. })
  5543. .catch((err) => {
  5544. console.error(err);
  5545. });
  5546. },
  5547. checkEva() {
  5548. if (this.evalua != "") {
  5549. for (var i = 0; i < this.evaJuri.length; i++) {
  5550. if (this.evalua == this.evaJuri[i].id) {
  5551. this.eTitle = this.evaJuri[i].title;
  5552. this.eJson = JSON.parse(this.evaJuri[i].content);
  5553. }
  5554. }
  5555. this.$forceUpdate();
  5556. setTimeout(() => {
  5557. this.setMindData();
  5558. }, 0);
  5559. }
  5560. },
  5561. selectEva() {
  5562. let params = {
  5563. oid: this.oid,
  5564. };
  5565. this.ajax
  5566. .get(this.$store.state.api + "selectAllEvaluation", params)
  5567. .then((res) => {
  5568. this.evaJuri = res.data[0];
  5569. })
  5570. .catch((err) => {
  5571. console.error(err);
  5572. });
  5573. },
  5574. selectSLook() {
  5575. let params = {
  5576. cid: this.id,
  5577. };
  5578. this.ajax
  5579. .get(this.$store.state.api + "selectCourseSLook", params)
  5580. .then((res) => {
  5581. this.sIsOpen = res.data[0][0].sopen == 1 ? false : true;
  5582. })
  5583. .catch((err) => {
  5584. console.error(err);
  5585. });
  5586. },
  5587. setMindData() {
  5588. this.data.data = [];
  5589. this.data.data.push({ id: "root", isroot: true, topic: this.eTitle });
  5590. let _eJson = Object.keys(this.eJson);
  5591. let _e = this.eJson;
  5592. for (let i = 0; i < _eJson.length; i++) {
  5593. let element = _e[_eJson[i]];
  5594. this.data.data.push({
  5595. id: element.id,
  5596. parentid: "root",
  5597. topic: element.name,
  5598. });
  5599. let _eJsonc = Object.keys(element.child);
  5600. let _e2 = element.child;
  5601. for (let j = 0; j < _eJsonc.length; j++) {
  5602. let _ec = _e2[_eJsonc[j]];
  5603. this.data.data.push({
  5604. id: _ec.id,
  5605. parentid: element.id,
  5606. topic: _ec.name,
  5607. });
  5608. let _eJsonz = Object.keys(_ec.child);
  5609. let _e3 = _ec.child;
  5610. for (let z = 0; z < _eJsonz.length; z++) {
  5611. let _ez = _e3[_eJsonz[z]];
  5612. this.data.data.push({
  5613. id: _ez.id,
  5614. parentid: _ec.id,
  5615. topic: _ez.name,
  5616. });
  5617. }
  5618. }
  5619. }
  5620. this.$forceUpdate();
  5621. },
  5622. checkFileFull(type, url) {
  5623. this.fullDialogVisible = true;
  5624. this.fulltype = type;
  5625. this.fullUrl = url;
  5626. },
  5627. },
  5628. destroyed() {
  5629. window.onresize = null;
  5630. },
  5631. computed: {
  5632. contentConvent() {
  5633. return function (c) {
  5634. return c
  5635. ? c
  5636. .replaceAll(/\r\n/g, "<br/>")
  5637. .replaceAll(/\n/g, "<br/>")
  5638. .replaceAll(/\s/g, " &nbsp")
  5639. : "";
  5640. };
  5641. },
  5642. },
  5643. created() {
  5644. if (this.screenType == 2) {
  5645. window.parent.postMessage({ allScreen: 4 }, "*");
  5646. } else if (this.screenType == 3) {
  5647. window.parent.postMessage({ allScreen: 5 }, "*");
  5648. } else if (this.screenType == 1) {
  5649. window.parent.postMessage({ allScreen: 6 }, "*");
  5650. }
  5651. this.selectEva();
  5652. this.getCourseDetail();
  5653. this.selectCount();
  5654. this.getHomeWork();
  5655. this.selectSLook();
  5656. document.scrollingElement.scrollTop = 0;
  5657. window.addEventListener("resize", () => {
  5658. var a = document.getElementsByClassName("box_course")[0].offsetHeight;
  5659. document.getElementsByClassName("vedioList")[0].style.height = a + "px";
  5660. document.getElementsByClassName("navBox")[0].style.height = a - 40 + "px";
  5661. });
  5662. let _this = this;
  5663. setTimeout(() => {
  5664. // this.vedioTime = document.getElementsByClassName(
  5665. // "vjs-duration-display"
  5666. // )[0].textContent;
  5667. let _vedio = _this.vedio;
  5668. let _count = 0;
  5669. for (var i = 0; i < _vedio.length; i++) {
  5670. if (typeof _this.vedioTime != "object") {
  5671. _this.vedioTime = [];
  5672. }
  5673. for (var j = 0; j < _vedio[i].length; j++) {
  5674. if (!_this.vedioTime[i]) {
  5675. _this.vedioTime[i] = [];
  5676. }
  5677. for (var k = 0; k < _vedio[i][j].length; k++) {
  5678. if (!_this.vedioTime[i][j]) {
  5679. _this.vedioTime[i][j] = [];
  5680. }
  5681. if (_vedio[i][j][k]) {
  5682. _this.vedioTime[i][j].push(
  5683. document.getElementsByClassName("vjs-duration-display")[_count]
  5684. .textContent
  5685. );
  5686. _count++;
  5687. }
  5688. }
  5689. }
  5690. }
  5691. }, 1000);
  5692. },
  5693. };
  5694. </script>
  5695. <style scoped>
  5696. @media screen and (max-width: 1024px) {
  5697. /* .navText {
  5698. width: 120px !important;
  5699. } */
  5700. /* .textBox {
  5701. margin: 0 !important;
  5702. } */
  5703. .evaCss {
  5704. flex-direction: column !important;
  5705. align-items: center !important;
  5706. }
  5707. .dialog_diy1 >>> .el-dialog {
  5708. width: 100% !important;
  5709. }
  5710. /* .courseIndex {
  5711. width: 43% !important;
  5712. } */
  5713. .courseIndex > div:first-child(2) {
  5714. width: 50px !important;
  5715. }
  5716. .dialog_diy3 >>> .el-dialog {
  5717. width: 95% !important;
  5718. }
  5719. .addDialogCss {
  5720. height: 60% !important;
  5721. }
  5722. /* .pb_left{
  5723. position: unset !important;
  5724. height: auto !important;
  5725. }
  5726. .body_student{
  5727. position: unset !important;
  5728. width:600px !important;
  5729. } */
  5730. /* .btnAll{
  5731. width: 55% !important;
  5732. } */
  5733. .taskBox {
  5734. width: 550px !important;
  5735. }
  5736. }
  5737. .dialog_diy >>> .el-dialog {
  5738. margin-top: 10vh !important;
  5739. }
  5740. .body_student {
  5741. width: 77%;
  5742. height: 100%;
  5743. position: absolute;
  5744. left: 20.5%;
  5745. top: 0;
  5746. }
  5747. .student_head {
  5748. width: 100%;
  5749. margin: 0 auto;
  5750. padding-bottom: 50px;
  5751. display: flex;
  5752. flex-direction: column;
  5753. flex-wrap: nowrap;
  5754. align-items: flex-start;
  5755. justify-content: flex-start;
  5756. }
  5757. .pb_left {
  5758. width: 20%;
  5759. margin-right: 10px;
  5760. background: rgb(255, 255, 255);
  5761. padding-right: 10px;
  5762. position: fixed;
  5763. height: 100%;
  5764. }
  5765. .wheel > img,
  5766. .project > img,
  5767. .star > img,
  5768. .evaluate > img,
  5769. .up_photo > img,
  5770. .chapter_add > img,
  5771. .upCover > img,
  5772. .deleteWord > img,
  5773. .question > img,
  5774. .homework > img {
  5775. width: 100%;
  5776. height: 100%;
  5777. }
  5778. .upCover {
  5779. width: calc(100% / 3.5);
  5780. position: relative;
  5781. margin: 0 15px 10px 0;
  5782. display: flex;
  5783. flex-direction: column;
  5784. flex-wrap: nowrap;
  5785. justify-content: center;
  5786. align-content: center;
  5787. align-items: center;
  5788. }
  5789. .chapter_add {
  5790. width: 120px;
  5791. position: relative;
  5792. text-align: center;
  5793. }
  5794. .isAddThings {
  5795. margin-top: 20px;
  5796. position: relative;
  5797. text-align: center;
  5798. background: #f7f8fa;
  5799. height: 90px;
  5800. width: 90px;
  5801. display: flex;
  5802. flex-direction: column;
  5803. justify-content: center;
  5804. }
  5805. .deleteWord {
  5806. width: 22px;
  5807. height: 22px;
  5808. position: absolute;
  5809. right: -5px;
  5810. top: -5px;
  5811. cursor: pointer;
  5812. }
  5813. .box_course {
  5814. /* width: 60%; */
  5815. width: 81%;
  5816. }
  5817. .wheel {
  5818. width: 100%;
  5819. height: 100%;
  5820. }
  5821. .right_box {
  5822. display: flex;
  5823. flex-direction: column;
  5824. margin-left: 30px;
  5825. justify-content: space-around;
  5826. }
  5827. .right_box_title {
  5828. font-size: 23px;
  5829. }
  5830. .people {
  5831. display: flex;
  5832. }
  5833. .student_body {
  5834. width: 100%;
  5835. margin: 0 auto;
  5836. margin-top: 10px;
  5837. padding: 0 0 20px;
  5838. }
  5839. .study_top {
  5840. /* margin-top: 90px; */
  5841. width: 95%;
  5842. /* overflow: auto; */
  5843. height: auto;
  5844. margin: 0 auto;
  5845. }
  5846. .study_top .checkbox {
  5847. display: flex;
  5848. align-items: center;
  5849. padding: 15px 0 15px 30px;
  5850. flex: 0 0 auto;
  5851. font-weight: bold;
  5852. border-bottom: 1px solid #eee;
  5853. }
  5854. .study_top .check {
  5855. padding-bottom: 5px;
  5856. text-align: center;
  5857. cursor: pointer;
  5858. height: 30px;
  5859. box-sizing: border-box;
  5860. display: flex;
  5861. }
  5862. .study_top .checked {
  5863. border-bottom: 4px solid #3fc6a0;
  5864. padding-bottom: 5px;
  5865. color: #3fc6a0;
  5866. display: flex;
  5867. height: 35px;
  5868. }
  5869. .study_top .checked > div,
  5870. .study_top .check > div {
  5871. margin-right: 5px;
  5872. }
  5873. .videoTop {
  5874. display: flex;
  5875. flex-direction: row;
  5876. justify-content: space-between;
  5877. background: #fff;
  5878. align-items: center;
  5879. width: 95%;
  5880. padding: 20px;
  5881. }
  5882. .upbtn {
  5883. margin: 25px;
  5884. background: #70afdb;
  5885. color: #fff;
  5886. width: 120px;
  5887. text-align: center;
  5888. height: 30px;
  5889. line-height: 30px;
  5890. font-size: 13px;
  5891. border-radius: 5px;
  5892. cursor: pointer;
  5893. }
  5894. .filebox {
  5895. display: flex;
  5896. flex-wrap: wrap;
  5897. flex-direction: column;
  5898. padding: 15px 0 5px;
  5899. }
  5900. .filebox .tooldetail {
  5901. width: 95%;
  5902. background: rgb(247, 247, 247);
  5903. padding: 20px;
  5904. line-height: 30px;
  5905. word-break: break-word;
  5906. }
  5907. .file {
  5908. display: flex;
  5909. flex-direction: column;
  5910. align-items: center;
  5911. justify-content: center;
  5912. cursor: pointer;
  5913. width: 200px;
  5914. }
  5915. .file div {
  5916. margin-top: 10px;
  5917. width: 150px;
  5918. text-align: center;
  5919. overflow: hidden;
  5920. white-space: nowrap;
  5921. text-overflow: ellipsis;
  5922. }
  5923. .media {
  5924. display: flex;
  5925. flex-direction: column;
  5926. align-items: center;
  5927. justify-content: center;
  5928. margin: 0 20px 20px 0;
  5929. cursor: pointer;
  5930. margin: 12px 0 5px 15px;
  5931. overflow: hidden;
  5932. box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%),
  5933. 0px 2px 1px -1px rgb(0 0 0 / 12%);
  5934. box-sizing: border-box;
  5935. }
  5936. .media img {
  5937. height: 90px;
  5938. width: 160px;
  5939. object-fit: cover;
  5940. }
  5941. .media .title {
  5942. padding: 5px;
  5943. text-align: left;
  5944. width: 100%;
  5945. box-sizing: border-box;
  5946. }
  5947. .media .btn {
  5948. width: 100%;
  5949. height: 35px;
  5950. line-height: 35px;
  5951. color: #fff;
  5952. background: #606060;
  5953. text-align: center;
  5954. overflow: hidden;
  5955. white-space: nowrap;
  5956. text-overflow: ellipsis;
  5957. }
  5958. .detail_content_top {
  5959. width: 100%;
  5960. padding: 25px 0 25px 0;
  5961. }
  5962. .detail_title {
  5963. text-align: center;
  5964. font-size: 24px;
  5965. }
  5966. .detail_time {
  5967. font-size: 13px;
  5968. padding: 15px 0 0 40px;
  5969. }
  5970. .detail_content {
  5971. line-height: 2pc;
  5972. width: 90%;
  5973. margin: 0 auto;
  5974. padding-top: 30px;
  5975. text-indent: 30px;
  5976. overflow: auto;
  5977. height: 200px;
  5978. }
  5979. .score_box >>> .el-rate {
  5980. margin-left: 10px;
  5981. }
  5982. .dialog_change >>> .el-dialog {
  5983. border-radius: 5px;
  5984. }
  5985. .dialog_change >>> .el-dialog__header {
  5986. background: #f2f2f2;
  5987. text-align: center;
  5988. }
  5989. .dialog_change >>> .el-dialog__title {
  5990. line-height: 5px;
  5991. }
  5992. .dialog_change >>> .el-dialog__body {
  5993. background: #fff;
  5994. padding: 10px 20px;
  5995. }
  5996. .score_box {
  5997. display: flex;
  5998. align-items: center;
  5999. margin-bottom: 18px;
  6000. margin-top: 20px;
  6001. }
  6002. .up_photo {
  6003. width: 120px;
  6004. cursor: pointer;
  6005. margin-top: 10px;
  6006. }
  6007. .upload_send {
  6008. margin: 30px auto 30px;
  6009. width: 60%;
  6010. background: #169bd6;
  6011. text-align: center;
  6012. height: 35px;
  6013. line-height: 35px;
  6014. color: #fff;
  6015. border-radius: 5px;
  6016. cursor: pointer;
  6017. }
  6018. .marginT {
  6019. margin-top: 20px;
  6020. }
  6021. .cd_content_steps {
  6022. display: flex;
  6023. width: 90%;
  6024. justify-content: space-around;
  6025. border-top: 1px solid #eeeeee;
  6026. }
  6027. .cd_steps_box {
  6028. display: flex;
  6029. justify-content: center;
  6030. align-items: center;
  6031. flex-direction: column;
  6032. cursor: pointer;
  6033. }
  6034. .first {
  6035. display: flex;
  6036. align-items: center;
  6037. margin: 15px 0 20px 0;
  6038. font-size: 20px;
  6039. }
  6040. .first > div:nth-child(2) {
  6041. font-size: 16px !important;
  6042. padding-left: 10px;
  6043. line-height: 26px;
  6044. box-sizing: border-box;
  6045. }
  6046. .blue_box_one {
  6047. text-align: center;
  6048. color: #fff;
  6049. background-image: linear-gradient(90deg, #477cd7, #65b9fc);
  6050. border-radius: 7px;
  6051. margin: 10px;
  6052. cursor: pointer;
  6053. height: 45px;
  6054. display: flex;
  6055. flex-direction: row;
  6056. justify-content: flex-start;
  6057. align-items: center;
  6058. }
  6059. .blue_box_one > div:nth-child(1) {
  6060. line-height: 30px;
  6061. margin: 0 5px 0 10px;
  6062. width: 30%;
  6063. min-width: 70px;
  6064. border-radius: 4px;
  6065. }
  6066. .blue_box_one > div:nth-child(2) {
  6067. white-space: nowrap;
  6068. text-overflow: ellipsis;
  6069. overflow: hidden;
  6070. word-break: break-all;
  6071. width: 70%;
  6072. text-align: left;
  6073. margin-right: 10px;
  6074. max-width: calc(100% - 85px);
  6075. }
  6076. .blue_box_one > div:nth-child(2):hover {
  6077. overflow: hidden;
  6078. text-overflow: ellipsis;
  6079. white-space: nowrap;
  6080. cursor: pointer;
  6081. }
  6082. .upFile {
  6083. margin: 0 auto;
  6084. width: 120px;
  6085. background: #70afdb;
  6086. color: #fff;
  6087. height: 30px;
  6088. text-align: center;
  6089. line-height: 30px;
  6090. border-radius: 5px;
  6091. font-size: 14px;
  6092. cursor: pointer;
  6093. }
  6094. .courseTitle {
  6095. background: #205cc6;
  6096. width: 85%;
  6097. margin: 10px auto;
  6098. height: 50px;
  6099. color: #fff;
  6100. line-height: 50px;
  6101. text-align: center;
  6102. font-size: 20px;
  6103. font-weight: bold;
  6104. border-radius: 5px;
  6105. cursor: pointer;
  6106. white-space: nowrap;
  6107. overflow: hidden;
  6108. text-overflow: ellipsis;
  6109. padding: 0 10px;
  6110. }
  6111. .ml {
  6112. margin-left: 20px;
  6113. color: #5b7dba;
  6114. border-left: 3px solid #5b7dba;
  6115. padding-left: 5px;
  6116. font-weight: bold;
  6117. }
  6118. .return {
  6119. width: 2rem;
  6120. height: 2rem;
  6121. cursor: pointer;
  6122. }
  6123. .return > img {
  6124. width: 100%;
  6125. height: 100%;
  6126. }
  6127. .returnBtn {
  6128. background: #499eef;
  6129. width: 65px;
  6130. height: 30px;
  6131. color: #fff;
  6132. text-align: center;
  6133. line-height: 32px;
  6134. margin-right: 20px;
  6135. cursor: pointer;
  6136. border-radius: 5px;
  6137. font-size: 14px;
  6138. }
  6139. .tool {
  6140. display: flex;
  6141. flex-direction: column;
  6142. flex-wrap: nowrap;
  6143. width: 13%;
  6144. margin: 0 30px;
  6145. align-items: center;
  6146. }
  6147. .whiteBIcon {
  6148. width: 150px;
  6149. cursor: pointer;
  6150. }
  6151. .whiteBIcon > img {
  6152. width: 100%;
  6153. height: 100%;
  6154. }
  6155. .mask {
  6156. background-color: rgba(0, 0, 0, 0);
  6157. position: fixed;
  6158. top: 0;
  6159. left: 0;
  6160. width: 100%;
  6161. height: 100%;
  6162. z-index: 20000;
  6163. display: flex;
  6164. align-items: center;
  6165. justify-content: center;
  6166. }
  6167. .progressBox {
  6168. width: 500px;
  6169. height: 180px;
  6170. background: #fff;
  6171. border-radius: 10px;
  6172. box-shadow: 0 0 6px 1px #bfbfbf;
  6173. display: flex;
  6174. align-items: center;
  6175. justify-content: center;
  6176. flex-direction: column;
  6177. }
  6178. .progressBox .lbox {
  6179. height: 100px;
  6180. font-size: 19px;
  6181. display: flex;
  6182. align-items: center;
  6183. }
  6184. .progressBox .lbox img {
  6185. width: 40px;
  6186. margin-right: 20px;
  6187. }
  6188. .progressBox >>> .el-progress-bar__outer {
  6189. background-color: #d1dfff !important;
  6190. }
  6191. .progressBox .lbox {
  6192. height: 100px;
  6193. font-size: 19px;
  6194. display: flex;
  6195. align-items: center;
  6196. }
  6197. .progressBox .lbox img {
  6198. width: 40px;
  6199. margin-right: 20px;
  6200. }
  6201. .uploadVedio {
  6202. display: flex;
  6203. flex-direction: column;
  6204. flex-wrap: nowrap;
  6205. justify-content: center;
  6206. align-items: center;
  6207. margin: 0 15px 10px 0;
  6208. }
  6209. .uploadVedio > img {
  6210. width: 30px;
  6211. height: 30px;
  6212. }
  6213. .uploadVedio > span {
  6214. white-space: nowrap;
  6215. overflow: hidden;
  6216. text-overflow: ellipsis;
  6217. width: 75px;
  6218. margin-top: 7px;
  6219. }
  6220. .picName {
  6221. white-space: nowrap;
  6222. overflow: hidden;
  6223. text-overflow: ellipsis;
  6224. width: 75px;
  6225. margin-top: 7px;
  6226. }
  6227. .new_top {
  6228. display: flex;
  6229. background: #fff;
  6230. flex-direction: row;
  6231. justify-content: flex-start;
  6232. align-items: center;
  6233. height: 60px;
  6234. position: relative;
  6235. }
  6236. .before {
  6237. position: absolute;
  6238. background: #c3dad4;
  6239. width: 6px;
  6240. height: 100%;
  6241. }
  6242. .courseIndex {
  6243. display: flex;
  6244. flex-direction: row;
  6245. align-items: center;
  6246. }
  6247. .courseIndex > div:nth-child(1) {
  6248. margin: 0 20px;
  6249. padding-left: 5px;
  6250. font-size: 21px;
  6251. width: 100px;
  6252. font-weight: bold;
  6253. border-left: 4px solid #3363b9;
  6254. height: 35px;
  6255. text-align: center;
  6256. line-height: 35px;
  6257. }
  6258. .courseIndex > div:nth-child(2) {
  6259. font-size: 21px;
  6260. width: 300px;
  6261. white-space: nowrap;
  6262. overflow: hidden;
  6263. text-overflow: ellipsis;
  6264. }
  6265. .courseIndex > div:nth-child(3) {
  6266. border-bottom: 1px solid #d7d7d7;
  6267. padding-bottom: 5px;
  6268. background: #49a0f0;
  6269. width: 55px;
  6270. min-width: 55px;
  6271. border-radius: 5px;
  6272. color: #fff;
  6273. text-align: center;
  6274. height: 20px;
  6275. line-height: 26px;
  6276. font-size: 14px;
  6277. margin: 0 0 0 10px;
  6278. }
  6279. .course_text {
  6280. padding: 20px 0 0 15px;
  6281. text-indent: 30px;
  6282. width: 80%;
  6283. min-height: 20px;
  6284. }
  6285. .vedioList {
  6286. background: #f2f2f2;
  6287. border: 1px solid #ececec;
  6288. /* width: 38.8%; */
  6289. width: calc(100% - 83%);
  6290. height: 445px;
  6291. border-radius: 10px;
  6292. overflow: hidden;
  6293. }
  6294. .vedioNav {
  6295. margin: 10px 0 0 15px;
  6296. border-bottom: 1px solid #d7d7d7;
  6297. padding-bottom: 5px;
  6298. background: #96d1ff;
  6299. width: 55px;
  6300. min-width: 55px;
  6301. border-radius: 5px;
  6302. color: #fff;
  6303. text-align: center;
  6304. height: 20px;
  6305. line-height: 26px;
  6306. font-size: 14px;
  6307. }
  6308. .queTop {
  6309. display: flex;
  6310. padding: 20px 0 20px 30px;
  6311. width: 100%;
  6312. flex-direction: row;
  6313. justify-content: flex-start;
  6314. align-items: center;
  6315. border-bottom: 1px solid #eeeeee;
  6316. box-sizing: border-box;
  6317. }
  6318. .question {
  6319. width: 40px;
  6320. margin-right: 10px;
  6321. margin-top: 7px;
  6322. }
  6323. .queTitle {
  6324. margin-left: 5px;
  6325. font-size: 25px;
  6326. display: flex;
  6327. align-items: center;
  6328. }
  6329. .addEditor {
  6330. width: 100px;
  6331. height: 30px;
  6332. background: #42cda6;
  6333. color: #fff;
  6334. border-radius: 5px;
  6335. text-align: center;
  6336. line-height: 30px;
  6337. box-shadow: 1px 3px 6px 1px #bfbfbf;
  6338. cursor: pointer;
  6339. }
  6340. .vedioName {
  6341. text-overflow: ellipsis;
  6342. position: absolute;
  6343. top: 8px;
  6344. font-size: 14px;
  6345. left: 110px;
  6346. height: 60px;
  6347. overflow: hidden;
  6348. width: auto;
  6349. word-break: break-all;
  6350. }
  6351. .vedioTime {
  6352. width: 35px;
  6353. position: absolute;
  6354. color: #fff;
  6355. bottom: 0px;
  6356. right: 0px;
  6357. text-align: center;
  6358. background: #46411f;
  6359. height: 20px;
  6360. font-size: 14px;
  6361. line-height: 20px;
  6362. }
  6363. .homework {
  6364. width: 200px;
  6365. display: flex;
  6366. flex-direction: column;
  6367. flex-wrap: nowrap;
  6368. align-items: center;
  6369. cursor: pointer;
  6370. }
  6371. .homebox {
  6372. display: flex;
  6373. flex-wrap: wrap;
  6374. flex-direction: row;
  6375. justify-content: flex-start;
  6376. align-items: center;
  6377. padding: 15px 0;
  6378. }
  6379. .isChooseActive {
  6380. color: #3e88f4;
  6381. border-bottom: 2px solid #2f80f3;
  6382. }
  6383. .chooseWho {
  6384. display: flex;
  6385. width: 100%;
  6386. flex-direction: row;
  6387. flex-wrap: nowrap;
  6388. justify-content: flex-start;
  6389. padding-bottom: 10px;
  6390. }
  6391. .chooseWho > div {
  6392. cursor: pointer;
  6393. padding-bottom: 10px;
  6394. margin: 0 30px;
  6395. }
  6396. .addPoint > div > img {
  6397. cursor: pointer;
  6398. margin: 10px 0;
  6399. width: 85px;
  6400. border-radius: 15px;
  6401. box-shadow: 0px 1px 8px 0px rgb(20 20 20 / 14%);
  6402. }
  6403. .addPoint {
  6404. width: 100%;
  6405. height: 100%;
  6406. }
  6407. .addPoint > div {
  6408. display: flex;
  6409. flex-direction: column;
  6410. flex-wrap: nowrap;
  6411. align-items: flex-start;
  6412. }
  6413. .isBorder > div {
  6414. margin: 0 0 10px 0;
  6415. align-items: flex-start !important;
  6416. }
  6417. .noiframeBox {
  6418. display: flex;
  6419. flex-wrap: wrap;
  6420. }
  6421. .iframeBox iframe {
  6422. width: 100%;
  6423. height: 800px;
  6424. border: none;
  6425. margin-bottom: 20px;
  6426. border: 1px solid #ccc;
  6427. }
  6428. .upload_toolBtn {
  6429. background: #6b92c9;
  6430. color: #fff;
  6431. width: 110px;
  6432. text-align: center;
  6433. height: 35px;
  6434. line-height: 35px;
  6435. font-size: 14px;
  6436. border-radius: 5px;
  6437. cursor: pointer;
  6438. position: absolute;
  6439. right: 10px;
  6440. bottom: 0;
  6441. }
  6442. .binfo_input,
  6443. .pj {
  6444. font: inherit;
  6445. color: currentColor;
  6446. width: 100%;
  6447. margin: 0;
  6448. padding: 15px 14px;
  6449. display: block;
  6450. min-width: 0;
  6451. outline: none;
  6452. box-sizing: content-box;
  6453. background: none;
  6454. -webkit-tap-highlight-color: transparent;
  6455. border: 1px solid rgba(0, 0, 0, 0.23);
  6456. border-radius: 4px;
  6457. box-sizing: border-box;
  6458. resize: none;
  6459. }
  6460. .binfo_input:focus-visible {
  6461. border: 1px solid rgba(61, 103, 188);
  6462. }
  6463. .dialog_diy >>> .el-dialog__header,
  6464. .dialog_diy1 >>> .el-dialog__header {
  6465. background: #002e81 !important;
  6466. padding: 15px 20px;
  6467. }
  6468. .dialog_diy >>> .el-dialog__title,
  6469. .dialog_diy1 >>> .el-dialog__title {
  6470. color: #fff;
  6471. }
  6472. .dialog_diy >>> .el-dialog__headerbtn,
  6473. .dialog_diy1 >>> .el-dialog__headerbtn {
  6474. top: 19px;
  6475. }
  6476. .dialog_diy >>> .el-dialog__headerbtn .el-dialog__close,
  6477. .dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close {
  6478. color: #fff;
  6479. }
  6480. .dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover,
  6481. .dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close:hover {
  6482. color: #fff;
  6483. }
  6484. .dialog_diy1 >>> .el-dialog__body {
  6485. padding: 0;
  6486. }
  6487. .dialog_diy >>> .el-dialog__body,
  6488. .dialog_diy >>> .el-dialog__footer,
  6489. .dialog_diy1 >>> .el-dialog__footer {
  6490. background: #fafafa;
  6491. }
  6492. .a_addBox {
  6493. margin: 10px 0;
  6494. background: #fff;
  6495. padding: 15px;
  6496. max-height: 400px;
  6497. overflow: auto;
  6498. }
  6499. .a_add_box {
  6500. border-bottom: 2px solid #eee;
  6501. padding-bottom: 10px;
  6502. }
  6503. .a_add_head {
  6504. display: flex;
  6505. align-items: flex-start;
  6506. /* justify-content: space-between; */
  6507. flex-direction: column;
  6508. margin: 10px 0;
  6509. font-size: 18px;
  6510. width: 100%;
  6511. }
  6512. .a_add_head .a_add_head_input {
  6513. width: 300px;
  6514. }
  6515. .a_add_head .a_add_head_div {
  6516. display: flex;
  6517. align-items: center;
  6518. justify-content: space-between;
  6519. }
  6520. .a_add_body {
  6521. display: flex;
  6522. align-items: center;
  6523. }
  6524. .a_add_input {
  6525. display: flex;
  6526. align-items: center;
  6527. flex-wrap: wrap;
  6528. }
  6529. .a_add_input >>> el-radio-group {
  6530. margin: 10px 0;
  6531. }
  6532. .a_add_input >>> .el-radio {
  6533. margin-bottom: 10px;
  6534. }
  6535. .redioStyle >>> .el-radio__label {
  6536. font-size: 18px;
  6537. }
  6538. .toolHeng2 {
  6539. width: 100%;
  6540. }
  6541. .toolHeng {
  6542. display: flex;
  6543. flex-direction: row;
  6544. flex-wrap: wrap;
  6545. justify-content: flex-start;
  6546. align-items: center;
  6547. width: 100%;
  6548. }
  6549. .toolHeng > div {
  6550. padding-left: 20px;
  6551. }
  6552. .isWidth {
  6553. width: 20%;
  6554. }
  6555. .textTitle {
  6556. display: flex;
  6557. flex-direction: row;
  6558. flex-wrap: nowrap;
  6559. align-items: center;
  6560. width: 95%;
  6561. }
  6562. .textTitle >>> .el-form-item__label {
  6563. font-size: 22px;
  6564. color: #918f8f;
  6565. width: 100px;
  6566. }
  6567. .textCss >>> .el-dialog {
  6568. width: 800px !important;
  6569. height: 400px;
  6570. background: #fafafa;
  6571. }
  6572. .textCss >>> .el-dialog__body {
  6573. margin: 55px 8% 0 8%;
  6574. padding: 0 !important;
  6575. }
  6576. .textCss >>> .el-dialog__footer {
  6577. padding-top: 38px;
  6578. }
  6579. .toolsCss >>> .el-dialog__body {
  6580. padding: 20px;
  6581. }
  6582. .lineCss >>> .el-dialog__body {
  6583. display: flex;
  6584. flex-direction: row;
  6585. align-items: center;
  6586. justify-content: center;
  6587. }
  6588. .newNav {
  6589. display: flex;
  6590. flex-direction: row;
  6591. align-items: baseline;
  6592. justify-content: flex-start;
  6593. }
  6594. .navText {
  6595. cursor: pointer;
  6596. margin: 0px 0px 10px 5px;
  6597. white-space: nowrap;
  6598. overflow: hidden;
  6599. text-overflow: ellipsis;
  6600. width: 100%;
  6601. }
  6602. .noVedio {
  6603. display: flex;
  6604. flex-direction: row;
  6605. justify-content: center;
  6606. align-content: center;
  6607. }
  6608. .noNavText {
  6609. cursor: pointer;
  6610. margin: 0px 0px 10px 5px;
  6611. width: 112px;
  6612. }
  6613. .listNoVedio {
  6614. margin: 0 0 0 30px;
  6615. width: 97%;
  6616. }
  6617. .video-player >>> .video-js {
  6618. height: 100%;
  6619. }
  6620. .hangVedioList {
  6621. width: 90% !important;
  6622. height: 150px !important;
  6623. margin: 20px 0 0 30px;
  6624. }
  6625. .hangVedio {
  6626. width: 100%;
  6627. height: 170px !important;
  6628. align-items: flex-start !important;
  6629. }
  6630. .hangHand {
  6631. height: 150px !important;
  6632. }
  6633. .twoChild {
  6634. margin: 10px;
  6635. border-radius: 5px;
  6636. background: #f2f2f2;
  6637. display: flex;
  6638. flex-direction: column;
  6639. flex-wrap: nowrap;
  6640. justify-content: flex-start;
  6641. align-items: flex-start;
  6642. transition: all 0.5s;
  6643. overflow: hidden;
  6644. height: 0;
  6645. background: #e7f3ff;
  6646. }
  6647. .twoChild > div:nth-child(1) {
  6648. margin-top: 5px;
  6649. }
  6650. .navChild {
  6651. width: 100%;
  6652. cursor: pointer;
  6653. margin-bottom: 10px;
  6654. }
  6655. .navActive {
  6656. height: auto;
  6657. }
  6658. .navTask {
  6659. display: flex;
  6660. flex-direction: row;
  6661. flex-wrap: nowrap;
  6662. align-items: center;
  6663. align-content: flex-start;
  6664. height: 40px;
  6665. justify-content: flex-start;
  6666. padding: 0 10px;
  6667. width: 100%;
  6668. box-sizing: border-box;
  6669. }
  6670. .navTaskname {
  6671. white-space: nowrap;
  6672. text-overflow: ellipsis;
  6673. overflow: hidden;
  6674. word-break: break-all;
  6675. padding-left: 5px;
  6676. }
  6677. .openTaskActive {
  6678. color: #4386e6 !important;
  6679. }
  6680. .iframeName {
  6681. margin: 5px 0;
  6682. border-left: 4px solid #41c4a4;
  6683. padding-left: 4px;
  6684. width: 100%;
  6685. }
  6686. .iframeCss {
  6687. width: 100%;
  6688. height: 600px;
  6689. border: 1px solid #d7d4d4;
  6690. }
  6691. .toolTitle {
  6692. margin: 0px 0px 20px;
  6693. font-size: 20px;
  6694. font-weight: 500;
  6695. border-left: 4px solid #41c4a4;
  6696. padding-left: 4px;
  6697. }
  6698. .cru_selectBox {
  6699. overflow: auto;
  6700. width: 96%;
  6701. margin: 0 auto;
  6702. height: calc(100% - 40px - 21px - 20px);
  6703. }
  6704. .cru_selectBox::-webkit-scrollbar,
  6705. .study_top::-webkit-scrollbar,
  6706. .textContent::-webkit-scrollbar {
  6707. /*滚动条整体样式*/
  6708. width: 6px;
  6709. /*高宽分别对应横竖滚动条的尺寸*/
  6710. height: 6px;
  6711. }
  6712. /*定义滚动条轨道 内阴影+圆角*/
  6713. .cru_selectBox::-webkit-scrollbar-track,
  6714. .study_top::-webkit-scrollbar-track,
  6715. .textContent::-webkit-scrollbar {
  6716. border-radius: 10px;
  6717. background-color: #b8bdc9;
  6718. }
  6719. /*定义滑块 内阴影+圆角*/
  6720. .cru_selectBox::-webkit-scrollbar-thumb,
  6721. .study_top::-webkit-scrollbar-thumb,
  6722. .textContent::-webkit-scrollbar-thumb {
  6723. border-radius: 10px;
  6724. -webkit-box-shadow: inset 0 0 6px rgb(96, 125, 184);
  6725. background-color: #2c5ab3;
  6726. }
  6727. .vedioBox {
  6728. border-radius: 20px;
  6729. background: #fff;
  6730. margin-bottom: 10px;
  6731. }
  6732. .taskBox {
  6733. margin: 15px 0 20px 30px;
  6734. background: #f7f7f7;
  6735. width: 97%;
  6736. border-radius: 10px;
  6737. }
  6738. .vedioTaskBox {
  6739. width: 100%;
  6740. display: flex;
  6741. flex-direction: row;
  6742. flex-wrap: nowrap;
  6743. align-items: center;
  6744. }
  6745. .toolBox {
  6746. padding: 20px 0 0 0;
  6747. }
  6748. .btnAll {
  6749. position: absolute;
  6750. right: 0;
  6751. display: flex;
  6752. flex-direction: row;
  6753. flex-wrap: nowrap;
  6754. align-items: center;
  6755. }
  6756. .vedioTimeBox {
  6757. display: flex;
  6758. flex-direction: row;
  6759. align-items: center;
  6760. flex-wrap: nowrap;
  6761. position: relative;
  6762. }
  6763. .navBox {
  6764. background: rgb(255, 255, 255);
  6765. height: 400px;
  6766. padding: 5px 1px 0 1px;
  6767. overflow: auto;
  6768. }
  6769. .worksBox {
  6770. padding: 5px 0 0 10px;
  6771. border-bottom: 1px solid #eeeeee;
  6772. }
  6773. .worksBTitle {
  6774. font-size: 20px;
  6775. padding-bottom: 15px;
  6776. border-bottom: 1px solid #eeeeee;
  6777. display: flex;
  6778. align-items: center;
  6779. }
  6780. .greenBox {
  6781. width: 5px;
  6782. height: 30px;
  6783. background: #63b6fa;
  6784. margin-right: 5px;
  6785. }
  6786. .worksDetailBox {
  6787. display: flex;
  6788. width: 100%;
  6789. flex-direction: row;
  6790. flex-wrap: wrap;
  6791. align-items: center;
  6792. justify-content: flex-start;
  6793. padding-top: 15px;
  6794. }
  6795. .works {
  6796. display: flex;
  6797. flex-direction: column;
  6798. flex-wrap: nowrap;
  6799. align-items: flex-start;
  6800. justify-content: flex-start;
  6801. align-content: center;
  6802. width: 240px;
  6803. height: 140px;
  6804. margin-right: 10px;
  6805. overflow: hidden;
  6806. box-shadow: 0 0 6px 1px #dfdada;
  6807. border-radius: 15px;
  6808. }
  6809. .workImg {
  6810. width: 100%;
  6811. height: 105px;
  6812. }
  6813. .workImg > img {
  6814. width: 100%;
  6815. height: 100%;
  6816. }
  6817. .worksName {
  6818. height: 40px;
  6819. line-height: 40px;
  6820. display: flex;
  6821. width: 92%;
  6822. flex-direction: row;
  6823. flex-wrap: nowrap;
  6824. justify-content: space-between;
  6825. align-items: center;
  6826. margin: 0 10px;
  6827. }
  6828. .worksName > div:nth-child(1) {
  6829. width: 48px;
  6830. white-space: nowrap;
  6831. overflow: hidden;
  6832. text-overflow: ellipsis;
  6833. }
  6834. .worksName > div:nth-child(2) {
  6835. color: #b7b4b5;
  6836. }
  6837. .noWorksS {
  6838. padding: 15px 0;
  6839. display: flex;
  6840. flex-direction: row;
  6841. flex-wrap: wrap;
  6842. align-items: center;
  6843. justify-content: flex-start;
  6844. }
  6845. .noWorksName {
  6846. background: #46a1eb;
  6847. color: #fff;
  6848. width: 90px;
  6849. height: 25px;
  6850. text-align: center;
  6851. line-height: 25px;
  6852. border-radius: 5px;
  6853. margin: 10px 15px 10px 0;
  6854. white-space: nowrap;
  6855. overflow: hidden;
  6856. padding: 5px;
  6857. text-overflow: ellipsis;
  6858. }
  6859. .noWorksName:hover {
  6860. background: #e7e7e7 !important;
  6861. }
  6862. .title {
  6863. background: #1e5cc9;
  6864. width: 98%;
  6865. height: 45px;
  6866. color: #fff;
  6867. line-height: 45px;
  6868. padding-left: 20px;
  6869. }
  6870. .textBox {
  6871. font-size: 20px;
  6872. margin: 15px 0px 20px 30px;
  6873. width: 90%;
  6874. padding: 30px 0 0 50px;
  6875. }
  6876. .textContent {
  6877. font-size: 18px;
  6878. padding: 30px 0px 0px;
  6879. height: 450px;
  6880. width: 95%;
  6881. overflow: auto;
  6882. line-height: 30px;
  6883. }
  6884. .textContent >>> p {
  6885. text-indent: 0pt !important;
  6886. }
  6887. .answerBg {
  6888. background: url("../assets/icon/answerBgNew.png") no-repeat;
  6889. background-size: 100% 100%;
  6890. width: 100%;
  6891. height: 100%;
  6892. color: #fff;
  6893. text-align: center;
  6894. display: flex;
  6895. flex-direction: column;
  6896. flex-wrap: nowrap;
  6897. align-items: center;
  6898. }
  6899. .answerBg > div:nth-child(1) {
  6900. font-size: 22px;
  6901. padding: 25px 0 10px;
  6902. }
  6903. .answerContent {
  6904. width: 215px;
  6905. height: 60px;
  6906. word-break: break-all;
  6907. text-align: center;
  6908. white-space: nowrap;
  6909. overflow: hidden;
  6910. text-overflow: ellipsis;
  6911. }
  6912. .elist_input_box {
  6913. display: flex;
  6914. align-items: flex-start;
  6915. flex-wrap: nowrap;
  6916. padding: 10px 0 15px 30px;
  6917. flex-direction: column;
  6918. }
  6919. .elist_input {
  6920. width: 100%;
  6921. }
  6922. .elist_input .elist_input_box input {
  6923. font: inherit;
  6924. color: currentColor;
  6925. width: 200px;
  6926. padding: 8px 14px;
  6927. display: block;
  6928. min-width: 0;
  6929. outline: none;
  6930. border: 1px solid rgba(0, 0, 0, 0.23);
  6931. border-radius: 4px;
  6932. box-sizing: border-box;
  6933. background: #fff;
  6934. margin: 0 20px 0 0;
  6935. }
  6936. .elist_input .elist_input_box span {
  6937. height: 36px;
  6938. line-height: 36px;
  6939. color: rgb(82, 82, 82);
  6940. }
  6941. .elist_input .elist_input_box .remove {
  6942. height: 20px;
  6943. width: 20px;
  6944. background-size: 100% 100%;
  6945. background-position: unset;
  6946. margin-left: 5px;
  6947. }
  6948. .elist_input_box >>> .el-rate {
  6949. display: flex;
  6950. height: 36px;
  6951. align-items: center;
  6952. }
  6953. .elist_input_box .elist_inptu_text {
  6954. min-height: 50px;
  6955. /* width: 500px;
  6956. max-height: 150px; */
  6957. width: 100%;
  6958. line-height: 50px;
  6959. color: rgb(82, 82, 82);
  6960. overflow: auto;
  6961. text-indent: 5px;
  6962. background: #f7f6f9;
  6963. border-radius: 10px;
  6964. }
  6965. .elist_input_box .elist_inptu_text input {
  6966. width: 500px;
  6967. }
  6968. .elist_input_box >>> .el-rate__icon {
  6969. font-size: 24px;
  6970. }
  6971. .isClick {
  6972. background: #4d9def;
  6973. }
  6974. .bzBox {
  6975. display: flex;
  6976. flex-direction: row;
  6977. align-items: center;
  6978. }
  6979. .bzBox > div:nth-child(1) {
  6980. width: 4px;
  6981. height: 40px;
  6982. background-image: linear-gradient(180deg, #2c5cbd, #a1cff4);
  6983. }
  6984. .bzBox > div:nth-child(2) {
  6985. font-size: 23px;
  6986. font-weight: bold;
  6987. padding: 0px 0px 0 10px;
  6988. }
  6989. .navTitile {
  6990. padding: 0 0px 0 15px;
  6991. background: #1e5cc9;
  6992. color: #fff;
  6993. height: 40px;
  6994. line-height: 40px;
  6995. border-top-left-radius: 10px;
  6996. border-top-right-radius: 10px;
  6997. }
  6998. .isTypeOne {
  6999. width: 240px;
  7000. height: 170px;
  7001. /* border: 1px solid #f8f8f8; */
  7002. border-radius: 10px;
  7003. box-shadow: 0 0 6px 1px #dfdada;
  7004. }
  7005. .e_add_top {
  7006. display: flex;
  7007. justify-content: space-between;
  7008. padding: 20px 20px 0 20px;
  7009. border-radius: 3px;
  7010. background: #fff;
  7011. }
  7012. .e_add_title2 {
  7013. display: flex;
  7014. align-items: center;
  7015. }
  7016. .e_add_title2 span {
  7017. width: 40px;
  7018. }
  7019. .e_add_title {
  7020. display: flex;
  7021. align-items: center;
  7022. color: #b8b8b8;
  7023. font-size: 18px;
  7024. position: relative;
  7025. height: 40px;
  7026. }
  7027. .e_add_title span {
  7028. margin-right: 10px;
  7029. }
  7030. .e_add_title .el_input {
  7031. width: 300px;
  7032. }
  7033. .e_add_title >>> .el-input__inner {
  7034. width: 400px;
  7035. }
  7036. .e_add_btn {
  7037. }
  7038. .e_add_content {
  7039. display: flex;
  7040. width: 650px;
  7041. height: 550px;
  7042. }
  7043. .e_add_list {
  7044. background: #fff;
  7045. height: 500px;
  7046. width: 210px;
  7047. position: relative;
  7048. margin: 15px 5px 0 0;
  7049. flex-shrink: 0;
  7050. display: flex;
  7051. flex-direction: column;
  7052. }
  7053. .e_add_list_title {
  7054. font-size: 20px;
  7055. width: 100%;
  7056. box-sizing: border-box;
  7057. padding: 15px 40px;
  7058. text-align: center;
  7059. border-bottom: 1px solid #eaeaea;
  7060. position: relative;
  7061. display: flex;
  7062. align-items: center;
  7063. justify-content: center;
  7064. height: 57px;
  7065. background: #f6f6f6;
  7066. }
  7067. .e_add_list_title span {
  7068. overflow: hidden;
  7069. white-space: nowrap;
  7070. text-overflow: ellipsis;
  7071. }
  7072. .e_add_list_title img {
  7073. position: absolute;
  7074. right: 15px;
  7075. width: 25px;
  7076. cursor: pointer;
  7077. top: 50%;
  7078. transform: translateY(-50%);
  7079. }
  7080. .e_add_list_body {
  7081. height: calc(100% - 187px);
  7082. overflow: auto;
  7083. }
  7084. .e_add_list_child {
  7085. width: 100%;
  7086. display: flex;
  7087. align-items: center;
  7088. justify-content: center;
  7089. position: relative;
  7090. box-sizing: border-box;
  7091. padding: 15px 40px;
  7092. text-align: center;
  7093. }
  7094. .e_add_list_child span {
  7095. overflow: hidden;
  7096. white-space: nowrap;
  7097. text-overflow: ellipsis;
  7098. cursor: pointer;
  7099. }
  7100. .e_add_list_child img {
  7101. position: absolute;
  7102. right: 10px;
  7103. width: 21px;
  7104. cursor: pointer;
  7105. top: 50%;
  7106. transform: translateY(-50%);
  7107. }
  7108. .e_add_list_child + .e_add_list_child {
  7109. border-top: 1px solid #eaeaea;
  7110. }
  7111. .e_add_list_child .active {
  7112. color: #409eff;
  7113. }
  7114. .e_add_list_btn {
  7115. position: absolute;
  7116. bottom: 0;
  7117. height: 50px;
  7118. background: rgb(120, 120, 254);
  7119. width: 100%;
  7120. color: #fff;
  7121. font-size: 16px;
  7122. text-align: center;
  7123. line-height: 50px;
  7124. cursor: pointer;
  7125. }
  7126. .e_add_list_detail {
  7127. position: absolute;
  7128. bottom: 0;
  7129. height: 130px;
  7130. background: rgb(120, 120, 254);
  7131. width: 100%;
  7132. color: #fff;
  7133. font-size: 16px;
  7134. display: flex;
  7135. align-items: center;
  7136. justify-content: center;
  7137. }
  7138. .e_add_list_detail textarea {
  7139. height: 90%;
  7140. width: 95%;
  7141. border: none;
  7142. resize: none;
  7143. outline: none;
  7144. padding: 5px;
  7145. box-sizing: border-box;
  7146. }
  7147. .e_add_list_pbox {
  7148. width: 650px;
  7149. /* height: 600px; */
  7150. }
  7151. .e_add_list_pbox_title {
  7152. height: 50px;
  7153. background: #fff;
  7154. display: flex;
  7155. align-items: center;
  7156. width: 100%;
  7157. box-sizing: border-box;
  7158. padding: 0 20px;
  7159. }
  7160. .type_title {
  7161. font-size: 18px;
  7162. font-weight: 700;
  7163. }
  7164. .type_content {
  7165. font-size: 16px;
  7166. margin-left: 30px;
  7167. }
  7168. .type_content span + span {
  7169. margin-left: 20px;
  7170. }
  7171. .type_content span {
  7172. cursor: pointer;
  7173. padding-bottom: 5px;
  7174. box-sizing: border-box;
  7175. }
  7176. .type_content .active {
  7177. color: #409eff;
  7178. border-bottom: 2px solid #409eff;
  7179. }
  7180. .e_add_list_pbox_content {
  7181. height: calc(100% - 50px);
  7182. display: flex;
  7183. align-items: center;
  7184. width: 100%;
  7185. background: #fff;
  7186. }
  7187. .evaCss {
  7188. display: flex;
  7189. flex-direction: row;
  7190. flex-wrap: nowrap;
  7191. align-items: flex-start;
  7192. }
  7193. .cru_line {
  7194. position: absolute;
  7195. bottom: 0px;
  7196. transition: all 0.5s;
  7197. left: 0px;
  7198. width: 125px;
  7199. margin-left: -25px;
  7200. }
  7201. .isNoMessage {
  7202. width: 20%;
  7203. margin: 25% auto 0;
  7204. }
  7205. .isNoMessage > img {
  7206. width: 100%;
  7207. height: 100%;
  7208. }
  7209. .fullStyle >>> .el-dialog__body {
  7210. height: 100% !important;
  7211. }
  7212. .fullStyle >>> .el-dialog,
  7213. .fullStyle {
  7214. width: 100% !important;
  7215. max-width: 100% !important;
  7216. height: 100% !important;
  7217. margin: 0 !important;
  7218. }
  7219. .full_diy >>> .el-dialog {
  7220. margin: 0 !important;
  7221. height: 100%;
  7222. }
  7223. .full_diy >>> .el-dialog__body {
  7224. height: calc(100% - 100px);
  7225. padding: 4px;
  7226. }
  7227. .full_diy >>> .el-dialog {
  7228. margin: 0 !important;
  7229. height: 100%;
  7230. }
  7231. .rwCss {
  7232. font-size: 24px;
  7233. padding: 20px;
  7234. display: flex;
  7235. flex-direction: row;
  7236. align-items: center;
  7237. color: rgb(255, 255, 255);
  7238. background-image: linear-gradient(90deg, #4574cc, #6eb0ff);
  7239. border-radius: 10px;
  7240. margin: 10px 0;
  7241. }
  7242. .isClickNavOne {
  7243. color: #499eef;
  7244. }
  7245. .commentImg {
  7246. width: 25px;
  7247. height: 25px;
  7248. cursor: pointer;
  7249. }
  7250. .commentImg > img {
  7251. width: 100%;
  7252. height: 100%;
  7253. }
  7254. .comment {
  7255. background: #f9f9f9;
  7256. border-radius: 0 0 15px 15px;
  7257. display: flex;
  7258. flex-direction: row;
  7259. flex-wrap: nowrap;
  7260. align-items: center;
  7261. justify-content: flex-end;
  7262. height: 35px;
  7263. }
  7264. .commentList {
  7265. display: flex;
  7266. flex-direction: row;
  7267. flex-wrap: nowrap;
  7268. align-items: center;
  7269. justify-content: center;
  7270. align-content: center;
  7271. margin-left: 15px;
  7272. }
  7273. .studentDetail {
  7274. display: flex;
  7275. flex-direction: row;
  7276. flex-wrap: nowrap;
  7277. align-items: center;
  7278. align-items: flex-start;
  7279. }
  7280. .tx {
  7281. width: 50px;
  7282. }
  7283. .tx > img {
  7284. width: 100%;
  7285. height: 100%;
  7286. }
  7287. .nameAndTime {
  7288. display: flex;
  7289. flex-direction: column;
  7290. flex-wrap: nowrap;
  7291. align-items: flex-start;
  7292. margin-left: 10px;
  7293. }
  7294. .worksAnswer {
  7295. color: #4078dd;
  7296. margin: 10px 0;
  7297. font-size: 16px;
  7298. }
  7299. .worksAnswer > img {
  7300. width: 100%;
  7301. height: 100%;
  7302. }
  7303. .commentTop {
  7304. border-bottom: 1px solid #eaeaea;
  7305. padding-bottom: 10px;
  7306. }
  7307. .commentBox {
  7308. padding-top: 15px;
  7309. }
  7310. .pl {
  7311. font-size: 18px;
  7312. }
  7313. .plName {
  7314. display: flex;
  7315. flex-direction: row;
  7316. flex-wrap: nowrap;
  7317. align-items: baseline;
  7318. color: #78787a;
  7319. }
  7320. .evalCss {
  7321. background: #fff;
  7322. font-size: 18px;
  7323. }
  7324. .nav {
  7325. color: #9d9d9d;
  7326. padding: 5px 0 15px 20px;
  7327. }
  7328. .middleBox {
  7329. padding: 5px 0 15px 20px;
  7330. }
  7331. .pfBox {
  7332. padding-bottom: 30px;
  7333. }
  7334. .nameAndrate {
  7335. display: flex;
  7336. flex-direction: row;
  7337. flex-wrap: nowrap;
  7338. align-items: center;
  7339. padding-bottom: 10px;
  7340. }
  7341. .nameAndrate > div {
  7342. margin-left: 10px;
  7343. color: #000;
  7344. }
  7345. .pfBox > div:nth-child(2) {
  7346. background: #f7f6f9;
  7347. width: 400px;
  7348. min-height: 45px;
  7349. border-radius: 10px;
  7350. font-size: 16px;
  7351. display: flex;
  7352. flex-wrap: wrap;
  7353. align-items: center;
  7354. padding: 10px 20px;
  7355. box-sizing: border-box;
  7356. color: #000;
  7357. }
  7358. .bz {
  7359. display: flex;
  7360. flex-direction: row;
  7361. flex-wrap: nowrap;
  7362. align-items: flex-start;
  7363. }
  7364. .bz > div {
  7365. padding: 0 10px;
  7366. }
  7367. .select_box2_title {
  7368. background: #fff;
  7369. border-radius: 5px;
  7370. padding: 15px 10px;
  7371. box-sizing: border-box;
  7372. margin-bottom: 10px;
  7373. display: flex;
  7374. flex-direction: row;
  7375. flex-wrap: nowrap;
  7376. align-items: center;
  7377. }
  7378. .select_box2_title > div:nth-child(2) {
  7379. margin-left: 10px;
  7380. color: #c4c4c4;
  7381. }
  7382. .select_box2_box {
  7383. display: flex;
  7384. height: 500px;
  7385. }
  7386. .select_box2_img {
  7387. width: calc(100% - 310px);
  7388. height: 100%;
  7389. overflow: auto;
  7390. background: #fff;
  7391. border-radius: 5px;
  7392. }
  7393. .select_box2_img img {
  7394. width: 100%;
  7395. }
  7396. .select_box2_answer {
  7397. background: #fff;
  7398. margin-left: 10px;
  7399. border-radius: 5px;
  7400. width: 300px;
  7401. overflow: auto;
  7402. height: 90%;
  7403. display: flex;
  7404. flex-direction: column;
  7405. align-items: flex-start;
  7406. padding-top: 10px;
  7407. box-sizing: border-box;
  7408. position: relative;
  7409. }
  7410. .select_answer_title {
  7411. padding: 0 0 15px 20px;
  7412. color: #c4c4c4;
  7413. }
  7414. .select_box2_answer_box {
  7415. margin: 0 0 10px 20px;
  7416. width: 85%;
  7417. display: flex;
  7418. flex-direction: row;
  7419. flex-wrap: nowrap;
  7420. align-items: center;
  7421. }
  7422. .upAnswerCss {
  7423. position: absolute;
  7424. bottom: 15px;
  7425. right: 15px;
  7426. }
  7427. .upAnswerCss >>> .el-button {
  7428. width: 95px;
  7429. height: 35px;
  7430. line-height: 35px;
  7431. padding: 0;
  7432. }
  7433. .rightWidthCss {
  7434. width: 60%;
  7435. display: flex;
  7436. flex-direction: row;
  7437. align-items: flex-start;
  7438. }
  7439. .rightAnswer {
  7440. display: flex;
  7441. flex-direction: row;
  7442. flex-wrap: nowrap;
  7443. align-items: center;
  7444. color: red;
  7445. margin-bottom: 31px;
  7446. }
  7447. .rightAnswerCss {
  7448. display: flex;
  7449. flex-direction: column;
  7450. flex-wrap: nowrap;
  7451. padding-top: 60px;
  7452. }
  7453. .blueCss {
  7454. color: #767de1;
  7455. margin-left: 10px;
  7456. }
  7457. .redCss {
  7458. color: red;
  7459. }
  7460. .redioStyle >>> .el-radio__input.is-checked + .el-radio__label {
  7461. color: rgb(0 123 255) !important;
  7462. }
  7463. .easy_comment {
  7464. width: calc(100% - 90px);
  7465. margin-left: 10px;
  7466. display: flex;
  7467. flex-wrap: wrap;
  7468. }
  7469. .easy_comment > div {
  7470. border: 1px solid #4a4a4a;
  7471. color: #666;
  7472. border-radius: 15px;
  7473. padding: 5px 10px;
  7474. font-size: 16px;
  7475. margin-bottom: 10px;
  7476. margin-right: 5px;
  7477. cursor: pointer;
  7478. }
  7479. .easy_comment div:hover {
  7480. border: 1px solid #f7ba2a;
  7481. color: #c69217;
  7482. }
  7483. .xuan_right_box {
  7484. padding: 10px;
  7485. background: rgb(247, 247, 247);
  7486. margin: 10px 12px;
  7487. border-radius: 5px;
  7488. }
  7489. .tool_right_box {
  7490. display: flex;
  7491. align-items: center;
  7492. }
  7493. .tool_right_box + .tool_right_box {
  7494. margin-top: 10px;
  7495. }
  7496. .right_box_xuan {
  7497. background: rgb(0 123 255);
  7498. color: #fff;
  7499. border-radius: 5px;
  7500. padding: 5px;
  7501. margin-left: 10px;
  7502. }
  7503. .pButton {
  7504. position: fixed;
  7505. right: 5%;
  7506. bottom: 5%;
  7507. color: #fff;
  7508. width: 50px;
  7509. height: 50px;
  7510. border-radius: 50%;
  7511. text-align: center;
  7512. line-height: 50px;
  7513. background-image: -webkit-linear-gradient(left, #72aaf4, #4d81d5);
  7514. cursor: pointer;
  7515. }
  7516. .newDialogCss {
  7517. position: fixed;
  7518. right: 7%;
  7519. top: 50%;
  7520. width: 340px;
  7521. transform: translateY(-50%);
  7522. height: 60%;
  7523. box-shadow: 0px 0 8px 5px #665e5e;
  7524. border-radius: 15px;
  7525. }
  7526. .pzTop {
  7527. color: #fff;
  7528. background: #000;
  7529. display: flex;
  7530. flex-direction: row;
  7531. flex-wrap: nowrap;
  7532. align-items: center;
  7533. justify-content: space-between;
  7534. height: 40px;
  7535. border-radius: 15px 15px 0 0;
  7536. }
  7537. .pzTop > div:nth-child(1) {
  7538. padding-left: 10px;
  7539. }
  7540. .pzTop > div:nth-child(2) {
  7541. width: 15px;
  7542. height: 15px;
  7543. padding-right: 10px;
  7544. cursor: pointer;
  7545. }
  7546. .pzTop > div:nth-child(2) > img {
  7547. width: 100%;
  7548. height: 100%;
  7549. }
  7550. .pzBox {
  7551. height: calc(100% - 40px);
  7552. background: #ededed;
  7553. border-radius: 0 0 15px 15px;
  7554. }
  7555. .pzList {
  7556. background: #fff;
  7557. width: 90%;
  7558. margin: 0 auto 15px;
  7559. }
  7560. .pzNavTop {
  7561. display: flex;
  7562. flex-direction: row;
  7563. flex-wrap: nowrap;
  7564. padding: 10px 10px 0 10px;
  7565. align-items: center;
  7566. }
  7567. .pzNavTop > div:nth-child(1) {
  7568. background: #3760af;
  7569. width: 40px;
  7570. height: 40px;
  7571. color: #fff;
  7572. text-align: center;
  7573. line-height: 40px;
  7574. border-radius: 50%;
  7575. font-size: 14px;
  7576. }
  7577. .pzNavTop > div:nth-child(2) {
  7578. font-size: 18px;
  7579. color: #959595;
  7580. margin-left: 5px;
  7581. }
  7582. .pzContent {
  7583. padding: 10px;
  7584. word-break: break-word;
  7585. }
  7586. .pzListBox {
  7587. padding-top: 15px;
  7588. height: calc(100% - 60px);
  7589. overflow: auto;
  7590. }
  7591. .addPz {
  7592. background: #4b79ce;
  7593. width: 100px;
  7594. color: #fff;
  7595. font-size: 12px;
  7596. height: 30px;
  7597. margin: 0 auto;
  7598. text-align: center;
  7599. line-height: 30px;
  7600. border-radius: 10px;
  7601. cursor: pointer;
  7602. }
  7603. .addDialogCss {
  7604. position: fixed;
  7605. right: 37%;
  7606. top: 50%;
  7607. width: 600px;
  7608. transform: translateY(-50%);
  7609. height: 50%;
  7610. box-shadow: 0px 0 8px 5px #665e5e;
  7611. border-radius: 15px;
  7612. }
  7613. .teacherPz {
  7614. display: flex;
  7615. flex-direction: row;
  7616. align-items: center;
  7617. flex-wrap: nowrap;
  7618. }
  7619. .teacherPzImg {
  7620. width: 30px;
  7621. height: 30px;
  7622. }
  7623. .teacherPzImg > img {
  7624. width: 100%;
  7625. height: 100%;
  7626. }
  7627. .addPzBox {
  7628. height: 94%;
  7629. background: #ededed;
  7630. }
  7631. .pzConText {
  7632. width: 95%;
  7633. margin: 0 auto;
  7634. border: none;
  7635. background: #fff;
  7636. border-radius: 0px;
  7637. }
  7638. .addTextCss {
  7639. background: #4b79ce;
  7640. width: 80px;
  7641. height: 30px;
  7642. text-align: center;
  7643. color: #fff;
  7644. line-height: 30px;
  7645. border-radius: 10px;
  7646. margin: 10px auto 0;
  7647. cursor: pointer;
  7648. }
  7649. .pzConText:focus-visible {
  7650. border: none !important;
  7651. }
  7652. </style>