| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924992599269927992899299930993199329933993499359936993799389939994099419942994399449945994699479948994999509951995299539954995599569957995899599960996199629963996499659966996799689969997099719972997399749975997699779978997999809981998299839984998599869987998899899990999199929993999499959996999799989999100001000110002100031000410005100061000710008100091001010011100121001310014100151001610017100181001910020100211002210023100241002510026100271002810029100301003110032100331003410035100361003710038100391004010041100421004310044100451004610047100481004910050100511005210053100541005510056100571005810059100601006110062100631006410065100661006710068100691007010071100721007310074100751007610077100781007910080100811008210083100841008510086100871008810089100901009110092100931009410095100961009710098100991010010101101021010310104101051010610107101081010910110101111011210113101141011510116101171011810119101201012110122101231012410125101261012710128101291013010131101321013310134101351013610137101381013910140101411014210143101441014510146101471014810149101501015110152101531015410155101561015710158101591016010161101621016310164101651016610167101681016910170101711017210173101741017510176101771017810179101801018110182101831018410185101861018710188101891019010191101921019310194101951019610197101981019910200102011020210203102041020510206102071020810209102101021110212102131021410215102161021710218102191022010221102221022310224102251022610227102281022910230102311023210233102341023510236102371023810239102401024110242102431024410245102461024710248102491025010251102521025310254102551025610257102581025910260102611026210263102641026510266102671026810269102701027110272102731027410275102761027710278102791028010281102821028310284102851028610287102881028910290102911029210293102941029510296102971029810299103001030110302103031030410305103061030710308103091031010311103121031310314103151031610317103181031910320103211032210323103241032510326103271032810329103301033110332103331033410335103361033710338103391034010341103421034310344103451034610347103481034910350103511035210353103541035510356103571035810359103601036110362103631036410365103661036710368103691037010371103721037310374103751037610377103781037910380103811038210383103841038510386103871038810389103901039110392103931039410395103961039710398103991040010401104021040310404104051040610407104081040910410104111041210413104141041510416104171041810419104201042110422104231042410425104261042710428104291043010431104321043310434104351043610437104381043910440104411044210443104441044510446104471044810449104501045110452104531045410455104561045710458104591046010461104621046310464104651046610467104681046910470104711047210473104741047510476104771047810479104801048110482104831048410485104861048710488104891049010491104921049310494104951049610497104981049910500105011050210503105041050510506105071050810509105101051110512105131051410515105161051710518105191052010521105221052310524105251052610527105281052910530105311053210533105341053510536105371053810539105401054110542105431054410545105461054710548105491055010551105521055310554105551055610557105581055910560105611056210563105641056510566105671056810569105701057110572105731057410575105761057710578105791058010581105821058310584105851058610587105881058910590105911059210593105941059510596105971059810599106001060110602106031060410605106061060710608106091061010611106121061310614106151061610617106181061910620106211062210623106241062510626106271062810629106301063110632106331063410635106361063710638106391064010641106421064310644106451064610647106481064910650106511065210653106541065510656106571065810659106601066110662106631066410665106661066710668106691067010671106721067310674106751067610677106781067910680106811068210683106841068510686106871068810689106901069110692106931069410695106961069710698106991070010701107021070310704107051070610707107081070910710107111071210713107141071510716107171071810719107201072110722107231072410725107261072710728107291073010731107321073310734107351073610737107381073910740107411074210743107441074510746107471074810749107501075110752107531075410755107561075710758107591076010761107621076310764107651076610767107681076910770107711077210773107741077510776107771077810779107801078110782107831078410785107861078710788107891079010791107921079310794107951079610797107981079910800108011080210803108041080510806108071080810809108101081110812108131081410815108161081710818108191082010821108221082310824108251082610827108281082910830108311083210833108341083510836108371083810839108401084110842108431084410845108461084710848108491085010851108521085310854108551085610857108581085910860108611086210863108641086510866108671086810869108701087110872108731087410875108761087710878108791088010881108821088310884108851088610887108881088910890108911089210893108941089510896108971089810899109001090110902109031090410905109061090710908109091091010911109121091310914109151091610917109181091910920109211092210923109241092510926109271092810929109301093110932109331093410935109361093710938109391094010941109421094310944109451094610947109481094910950109511095210953109541095510956109571095810959109601096110962109631096410965109661096710968109691097010971109721097310974109751097610977109781097910980109811098210983109841098510986109871098810989109901099110992109931099410995109961099710998109991100011001110021100311004110051100611007110081100911010110111101211013110141101511016110171101811019110201102111022110231102411025110261102711028110291103011031110321103311034110351103611037110381103911040110411104211043110441104511046110471104811049110501105111052110531105411055110561105711058110591106011061110621106311064110651106611067110681106911070110711107211073110741107511076110771107811079110801108111082110831108411085110861108711088110891109011091110921109311094110951109611097110981109911100111011110211103111041110511106111071110811109111101111111112111131111411115111161111711118111191112011121111221112311124111251112611127111281112911130111311113211133111341113511136111371113811139111401114111142111431114411145111461114711148111491115011151111521115311154111551115611157111581115911160111611116211163111641116511166111671116811169111701117111172111731117411175111761117711178111791118011181111821118311184111851118611187111881118911190111911119211193111941119511196111971119811199112001120111202112031120411205112061120711208112091121011211112121121311214112151121611217112181121911220112211122211223112241122511226112271122811229112301123111232112331123411235112361123711238112391124011241112421124311244112451124611247112481124911250112511125211253112541125511256112571125811259112601126111262112631126411265112661126711268112691127011271112721127311274112751127611277112781127911280112811128211283112841128511286112871128811289112901129111292112931129411295112961129711298112991130011301113021130311304113051130611307113081130911310113111131211313113141131511316113171131811319113201132111322113231132411325113261132711328113291133011331113321133311334113351133611337113381133911340113411134211343113441134511346113471134811349113501135111352113531135411355113561135711358113591136011361113621136311364113651136611367113681136911370113711137211373113741137511376113771137811379113801138111382113831138411385113861138711388113891139011391113921139311394113951139611397113981139911400114011140211403114041140511406114071140811409114101141111412114131141411415114161141711418114191142011421114221142311424114251142611427114281142911430114311143211433114341143511436114371143811439114401144111442114431144411445114461144711448114491145011451114521145311454114551145611457114581145911460114611146211463114641146511466114671146811469114701147111472114731147411475114761147711478114791148011481114821148311484114851148611487114881148911490114911149211493114941149511496114971149811499115001150111502115031150411505115061150711508115091151011511115121151311514115151151611517115181151911520115211152211523115241152511526115271152811529115301153111532115331153411535115361153711538115391154011541115421154311544115451154611547115481154911550115511155211553115541155511556115571155811559115601156111562115631156411565115661156711568115691157011571115721157311574115751157611577115781157911580115811158211583115841158511586115871158811589115901159111592115931159411595115961159711598115991160011601116021160311604116051160611607116081160911610116111161211613116141161511616116171161811619116201162111622116231162411625116261162711628116291163011631116321163311634116351163611637116381163911640116411164211643116441164511646116471164811649116501165111652116531165411655116561165711658116591166011661116621166311664116651166611667116681166911670116711167211673116741167511676116771167811679116801168111682116831168411685116861168711688116891169011691116921169311694116951169611697116981169911700117011170211703117041170511706117071170811709117101171111712117131171411715117161171711718117191172011721117221172311724117251172611727117281172911730117311173211733117341173511736117371173811739117401174111742117431174411745117461174711748117491175011751117521175311754117551175611757117581175911760117611176211763117641176511766117671176811769117701177111772117731177411775117761177711778117791178011781117821178311784117851178611787117881178911790117911179211793117941179511796117971179811799118001180111802118031180411805118061180711808118091181011811118121181311814118151181611817118181181911820118211182211823118241182511826118271182811829118301183111832118331183411835118361183711838118391184011841118421184311844118451184611847118481184911850118511185211853118541185511856118571185811859118601186111862118631186411865118661186711868118691187011871118721187311874118751187611877118781187911880118811188211883118841188511886118871188811889118901189111892118931189411895118961189711898118991190011901119021190311904119051190611907119081190911910119111191211913119141191511916119171191811919119201192111922119231192411925119261192711928119291193011931119321193311934119351193611937119381193911940119411194211943119441194511946119471194811949119501195111952119531195411955119561195711958119591196011961119621196311964119651196611967119681196911970119711197211973119741197511976119771197811979119801198111982119831198411985119861198711988119891199011991119921199311994119951199611997119981199912000120011200212003120041200512006120071200812009120101201112012120131201412015120161201712018120191202012021120221202312024120251202612027120281202912030120311203212033120341203512036120371203812039120401204112042120431204412045120461204712048120491205012051120521205312054120551205612057120581205912060120611206212063120641206512066120671206812069120701207112072120731207412075120761207712078120791208012081120821208312084120851208612087120881208912090120911209212093120941209512096120971209812099121001210112102121031210412105121061210712108121091211012111121121211312114121151211612117121181211912120121211212212123121241212512126121271212812129121301213112132121331213412135121361213712138121391214012141121421214312144121451214612147121481214912150121511215212153121541215512156121571215812159121601216112162121631216412165121661216712168121691217012171121721217312174121751217612177121781217912180121811218212183121841218512186121871218812189121901219112192121931219412195121961219712198121991220012201122021220312204122051220612207122081220912210122111221212213122141221512216122171221812219122201222112222122231222412225122261222712228122291223012231122321223312234122351223612237122381223912240122411224212243122441224512246122471224812249122501225112252122531225412255122561225712258122591226012261122621226312264122651226612267122681226912270122711227212273122741227512276122771227812279122801228112282122831228412285122861228712288122891229012291122921229312294122951229612297122981229912300123011230212303123041230512306123071230812309123101231112312123131231412315123161231712318123191232012321123221232312324123251232612327123281232912330123311233212333123341233512336123371233812339123401234112342123431234412345123461234712348123491235012351123521235312354123551235612357123581235912360123611236212363123641236512366123671236812369123701237112372123731237412375123761237712378123791238012381123821238312384123851238612387123881238912390123911239212393123941239512396123971239812399124001240112402124031240412405124061240712408124091241012411124121241312414124151241612417124181241912420124211242212423124241242512426124271242812429124301243112432124331243412435124361243712438124391244012441124421244312444124451244612447124481244912450124511245212453124541245512456124571245812459124601246112462124631246412465124661246712468124691247012471124721247312474124751247612477124781247912480124811248212483124841248512486124871248812489124901249112492124931249412495124961249712498124991250012501125021250312504125051250612507125081250912510125111251212513125141251512516125171251812519125201252112522125231252412525125261252712528125291253012531125321253312534125351253612537125381253912540125411254212543125441254512546125471254812549125501255112552125531255412555125561255712558125591256012561125621256312564125651256612567125681256912570125711257212573125741257512576125771257812579125801258112582125831258412585125861258712588125891259012591125921259312594125951259612597125981259912600126011260212603126041260512606126071260812609126101261112612126131261412615126161261712618126191262012621126221262312624126251262612627126281262912630126311263212633126341263512636126371263812639126401264112642126431264412645126461264712648126491265012651126521265312654126551265612657126581265912660126611266212663126641266512666126671266812669126701267112672126731267412675126761267712678126791268012681126821268312684126851268612687126881268912690126911269212693126941269512696126971269812699127001270112702127031270412705127061270712708127091271012711127121271312714127151271612717127181271912720127211272212723127241272512726127271272812729127301273112732127331273412735127361273712738127391274012741127421274312744127451274612747127481274912750127511275212753127541275512756127571275812759127601276112762127631276412765127661276712768127691277012771127721277312774127751277612777127781277912780127811278212783127841278512786127871278812789127901279112792127931279412795127961279712798127991280012801128021280312804128051280612807128081280912810128111281212813128141281512816128171281812819128201282112822128231282412825128261282712828128291283012831128321283312834128351283612837128381283912840128411284212843128441284512846128471284812849128501285112852128531285412855128561285712858128591286012861128621286312864128651286612867128681286912870128711287212873128741287512876128771287812879128801288112882128831288412885128861288712888128891289012891128921289312894128951289612897128981289912900129011290212903129041290512906129071290812909129101291112912129131291412915129161291712918129191292012921129221292312924129251292612927129281292912930129311293212933129341293512936129371293812939129401294112942129431294412945129461294712948129491295012951129521295312954129551295612957129581295912960129611296212963129641296512966129671296812969129701297112972129731297412975129761297712978129791298012981129821298312984129851298612987129881298912990129911299212993129941299512996129971299812999130001300113002130031300413005130061300713008130091301013011130121301313014130151301613017130181301913020130211302213023130241302513026130271302813029130301303113032130331303413035130361303713038130391304013041130421304313044130451304613047130481304913050130511305213053130541305513056130571305813059130601306113062130631306413065130661306713068130691307013071130721307313074130751307613077130781307913080130811308213083130841308513086130871308813089130901309113092130931309413095130961309713098130991310013101131021310313104131051310613107131081310913110131111311213113131141311513116131171311813119131201312113122131231312413125131261312713128131291313013131131321313313134131351313613137131381313913140131411314213143131441314513146131471314813149131501315113152131531315413155131561315713158131591316013161131621316313164131651316613167131681316913170131711317213173131741317513176131771317813179131801318113182131831318413185131861318713188131891319013191131921319313194131951319613197131981319913200132011320213203132041320513206132071320813209132101321113212132131321413215132161321713218132191322013221132221322313224132251322613227132281322913230132311323213233132341323513236132371323813239132401324113242132431324413245132461324713248132491325013251132521325313254132551325613257132581325913260132611326213263132641326513266132671326813269132701327113272132731327413275132761327713278132791328013281132821328313284132851328613287132881328913290132911329213293132941329513296132971329813299133001330113302133031330413305133061330713308133091331013311133121331313314133151331613317133181331913320133211332213323133241332513326133271332813329133301333113332133331333413335133361333713338133391334013341133421334313344133451334613347133481334913350133511335213353133541335513356133571335813359133601336113362133631336413365133661336713368133691337013371133721337313374133751337613377133781337913380133811338213383133841338513386133871338813389133901339113392133931339413395133961339713398133991340013401134021340313404134051340613407134081340913410134111341213413134141341513416134171341813419134201342113422134231342413425134261342713428134291343013431134321343313434134351343613437134381343913440134411344213443134441344513446134471344813449134501345113452134531345413455134561345713458134591346013461134621346313464134651346613467134681346913470134711347213473134741347513476134771347813479134801348113482134831348413485134861348713488134891349013491134921349313494134951349613497134981349913500135011350213503135041350513506135071350813509135101351113512135131351413515135161351713518135191352013521135221352313524135251352613527135281352913530135311353213533135341353513536135371353813539135401354113542135431354413545135461354713548135491355013551135521355313554135551355613557135581355913560135611356213563135641356513566135671356813569135701357113572135731357413575135761357713578135791358013581135821358313584135851358613587135881358913590135911359213593135941359513596135971359813599136001360113602136031360413605136061360713608136091361013611136121361313614136151361613617136181361913620136211362213623136241362513626136271362813629136301363113632136331363413635136361363713638136391364013641136421364313644136451364613647136481364913650136511365213653136541365513656136571365813659136601366113662136631366413665136661366713668136691367013671136721367313674136751367613677136781367913680136811368213683136841368513686136871368813689136901369113692136931369413695136961369713698136991370013701137021370313704137051370613707137081370913710137111371213713137141371513716137171371813719137201372113722137231372413725137261372713728137291373013731137321373313734137351373613737137381373913740137411374213743137441374513746137471374813749137501375113752137531375413755137561375713758137591376013761137621376313764137651376613767137681376913770137711377213773137741377513776137771377813779137801378113782137831378413785137861378713788137891379013791137921379313794137951379613797137981379913800138011380213803138041380513806138071380813809138101381113812138131381413815138161381713818138191382013821138221382313824138251382613827138281382913830138311383213833138341383513836138371383813839138401384113842138431384413845138461384713848138491385013851138521385313854138551385613857138581385913860138611386213863138641386513866138671386813869138701387113872138731387413875138761387713878138791388013881138821388313884138851388613887138881388913890138911389213893138941389513896138971389813899139001390113902139031390413905139061390713908139091391013911139121391313914139151391613917139181391913920139211392213923139241392513926139271392813929139301393113932139331393413935139361393713938139391394013941139421394313944139451394613947139481394913950139511395213953139541395513956139571395813959139601396113962139631396413965139661396713968139691397013971139721397313974139751397613977139781397913980 |
- <template>
- <div class="pb_content" style="background: #F0F2F5;">
- <div class="pb_content_body" style="position: relative; margin: 0">
- <div class="right">
- <!-- <div style="display: flex; margin-top: 20px; position: relative"> -->
- <div style="width: 100%; height: 100%; overflow: auto" ref="stepBox">
- <div class="courseTop">
- <div class="stepsNav">
- <el-breadcrumb separator-class="el-icon-arrow-right">
- <el-breadcrumb-item :to="{
- path:
- '/course?userid=' +
- userid +
- '&oid=' +
- oid +
- '&org=' +
- org +
- '&role=' +
- role,
- }">课程管理</el-breadcrumb-item>
- <el-breadcrumb-item>
- <span style="color: rgb(15, 126, 255)">添加课程</span>
- </el-breadcrumb-item>
- </el-breadcrumb>
- </div>
- <div class="r_pub_button_retrun" @click="lastSteps()">返回</div>
- </div>
- <div class="rightBox" :style="{ height: (!isBtnDisplay) ? 'calc(100% - 50px)' : 'calc(100% - 120px)' }"
- style="padding: 0;" v-if="this.steps == 1" @mousewheel="scrollChange">
- <div class="updateMask" :style="{
- height: rightBoxHeight ? rightBoxHeight + 'px' : '100%',
- }" v-if="cid && userid != courseUserid && role != '1'"></div>
- <div class="whiteBg" style="background:unset;padding: 0;">
- <div>
- <div class="basic_box" style="padding: 0;">
- <div class="big_box">
- <div class="left_first">
- <div :class="{
- updateTips: cid && userid != courseUserid && role != '1',
- }">
- <div style="width: 100%;">
- <div class="course_input_box">
- <div class="bb_courseIcon"><img src="../../../assets/icon/new/course.png" /></div>
- <input type="text" placeholder="请输入课程名称" class="binfo_input" v-model="courseName"
- style="border: 1.5px solid rgb(202, 209, 220);margin: 0px 10px 0px 0px;border-radius: 5px;font-weight: 600;padding: 12px 14px 12px 71px;" />
- <el-switch v-model="isTeacherSee" active-text="是否公开此课程"
- style="justify-content: center;width: 200px;"></el-switch>
- </div>
- </div>
- </div>
- <div class="pType_box all_choose" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'">
- <span>类型</span>
- <!-- 学科+ 主题+ 未来+ -->
- <el-radio-group @change="CourseType2Change" v-model="pTypeCheckName"
- style="display: flex; align-items: center">
- <div class="all_choose" style="width: 100px" v-for="(item, index) in CourseType2" :key="index">
- <el-radio :label="item.name">{{
- item.name
- }}</el-radio>
- </div>
- </el-radio-group>
- </div>
- <div class="both">
- <div class="choose">
- <div class="all_choose" v-for="(item, index) in CourseType[0]" :key="index">
- <span v-if="CourseTypeJson[item.id].length > 0 &&
- (oid == '69893dca-1d47-11ed-8c78-005056b86db5'
- ? pTypeCheck.indexOf(item.id) != -1
- : true)
- ">{{ item.name }}:</span>
- <el-checkbox-group v-model="courseTypeId" v-if="CourseTypeJson[item.id].length > 0 &&
- (oid == '69893dca-1d47-11ed-8c78-005056b86db5'
- ? pTypeCheck.indexOf(item.id) != -1
- : true)
- ">
- <el-checkbox v-for="item1 in CourseTypeJson[item.id]" :key="item1.id" :label="item1.id">{{
- item1.name }}</el-checkbox>
- </el-checkbox-group>
- <!-- <div
- v-else
- style="font-size: 14px; margin-left: -8px"
- >
- 暂无
- </div> -->
- </div>
- </div>
- </div>
- </div>
- <div class="right_first">
- <!-- <div class="ai_box">
- <div class="ai_content" @click="openAI"><img src="../../assets/icon/new/ai.png"/><span>AI共创</span></div>
- </div> -->
- <div class="c_info_title" style="padding: 0 0 15px;margin: 0 auto 0 0;">上传封面</div>
- <div style="width: 100%;">
- <div class="uploadFm" @click="choosePicVisible = true" :class="{uploadFm2:cover.length}">
- <img src="../../../assets/icon/addPoster.png" alt="" v-if="cover.length == 0"/>
- <img :src="cover[0].url" alt="" class="cover_p" v-else/>
- <div v-if="cover.length == 0">点击添加封面</div>
- <div class="cover_mask"><img src="../../../assets/icon/new/cover_update.png" /><span style="margin-top:5px;">修改封面</span></div>
- </div>
- <!-- <el-upload :class="{ disUoloadSty: noneBtnImg }" class="upCss" action="#" list-type="picture"
- v-loading="uploadLoading1" :http-request="beforeUpload1" ref="upload1"
- :on-preview="handlePictureCardPreview" :on-remove="handle_remove1" :show-file-list="true"
- :file-list="cover" accept="image/*" :limit="1" :on-exceed="onExceed" v-else>
- <i class="el-icon-plus"></i>
- </el-upload> -->
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="whiteBg" style="margin-top: 10px">
- <div class="wb_j_box">
- <div class="wb_j_box_content">
- <!-- <button class="c_pub_button_add pub_btn_add_img" @click="
- (dialogVisibleClass = true),
- (classSearch = ''),
- (gradeId = ''),
- getClass()
- ">添加班级</button>
- <div v-if="checkboxList2.length" class="wb_j_box_p_box">
- <span :class="{ tcMember: getClassC(tc) }" v-for="(tc, tcIndex) in checkboxList2" :key="tcIndex">{{
- getClassC(tc) }}</span>
- </div> -->
- <div class="wb_j_box_btn" @click="
- (dialogVisibleClass = true),
- (classSearch = ''),
- (gradeId = ''),
- getClass()
- ">
- <div class="wb_j_box_title">授课班级</div>
- <div class="wb_j_box_btn_c">
- <el-tooltip effect="dark" :content="getListClassC(checkboxList2)" placement="top"
- v-if="checkboxList2.length" popper-class="text_tooltip2">
- <div class="wb_j_box_span">{{ getListClassC(checkboxList2) }}</div>
- </el-tooltip>
- <div v-else class="wb_j_box_span">请选择授课班级</div>
- <div class="wb_j_box_arrow"></div>
- </div>
- </div>
- </div>
- <div style="margin-left: auto;">
- <button class="c_pub_button_add pub_btn_paste_img" @click="pasteTask" v-if="isPasteTask">智能粘贴</button>
- </div>
- </div>
- </div>
- <div class="whiteBg" style="border-radius: 0;background:unset; margin-top: 15px" v-if="false">
- <div class="right_title">课程简要描述</div>
- <div style="width: 95%; padding: 15px 0px 15px 20px">
- <div style="width: 55%">
- <textarea rows="8" class="binfo_input" cols v-model="courseText"></textarea>
- </div>
- </div>
- </div>
- <div class="whiteBg" style="border-radius: 0;background: #F0F2F5;">
- <!-- <div class="right_title">
- <div class="bb_courseIcon"><img src="../../../assets/icon/new/course_icon2.png" /></div>
- <span style="margin:0 10px">上传课程内容</span>
- <button class="c_pub_button_add pub_btn_paste_img" @click="pasteTask" style="margin-left: 145px" v-if="isPasteTask">智能粘贴</button>
- </div> -->
- <div style="display: flex">
- <div class="course_left">
- <div class="stepsBottom2">
- <!-- <div class="navTop">辅助导航</div> -->
- <div class="navBottom" :style="{ height: heightPx }">
- <div v-for="(t, tIndex) in unitJson[unitIndex].chapterInfo[0]
- .taskJson" :key="tIndex" :class="{
- dragOverTop: newIndex === tIndex && typeIndex == 'task-'+tIndex && oldIndex > tIndex,
- dragOverBottom: newIndex === tIndex && typeIndex == 'task-'+tIndex && oldIndex < tIndex,
- }">
- <div @dragstart="dragTaskStart(t, tIndex)" @dragover.prevent="dragTaskOver(tIndex)"
- @dragend="dragTaskEnd()" draggable @click="goToTask(tIndex)" class="navTask" :class="{
- isNavTask:
- isClickColor > 0 && isClickColor == tIndex + 1,
- isNavOpen: t.toolOpen
- }">
- <div style="left: 8px;" class="chapter_upload_drag"></div>
- <div class="nt_taskBox">
- <div class="nt_taskTitle">任务{{ tIndex + 1 }}:</div>
- <div class="nt_taskName">
- <el-tooltip effect="light" :content="t.task" placement="top">
- <span>{{ t.task }}</span>
- </el-tooltip>
- </div>
- </div>
- <!-- <div class="moveBtn" v-if="unitJson[unitIndex].chapterInfo[0].taskJson.length >
- 1
- ">
- <div class="chapter_upload_up" style="margin: 0 5px 0 0;width: 25px;height: 25px;"
- @click.stop="taskMove(1, tIndex)"></div>
- <div class="chapter_upload_down" style="width: 25px;height: 25px;"
- @click.stop="taskMove(2, tIndex)"></div>
- </div> -->
- </div>
- <div class="gjBox" v-if="t.toolChoose.length && t.toolOpen">
- <div v-for="(tool, toolIndex2) in t.toolChoose" :key="toolIndex2"
- @click="jumpGj(tIndex, toolIndex2)">
- <div class="gjCss" :class="{ isGjCss: toolIndexType == `gj${tIndex}${toolIndex2}` }">
- <div>工具{{ toolIndex2 + 1 }}:</div>
- <div>{{ toolsData[tool.tool[0]] && toolsData[tool.tool[0]].name }}</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="basic_box2">
- <div style="margin: 0 0 20px 0; padding: 0 0 0 10px"
- v-for="(item, index) in unitJson[unitIndex].chapterInfo" :key="index">
- <div class="taskBorder" :style="{
- minHeight: unitJson[unitIndex].easy && 'unset',
- }" v-for="(itemTask, itemTaskIndex) in item.taskJson" :key="itemTaskIndex">
- <div v-if="unitJson[unitIndex].easy != 1">
- <div :style="{
- marginBottom:
- unitJson[unitIndex].easy == 3 ||
- (unitJson[unitIndex].easy == 5 &&
- itemTask.taskType == 1)
- ? '75px'
- : '0',
- }">
- <div style="
- display: flex;
- margin: 0px 0 20px;
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;
- ">
- <div class="lineTitle">任务{{ itemTaskIndex + 1 }}概述</div>
- </div>
- <div :id="'task' + itemTaskIndex" class="chapter_contentbox" style="
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;
- ">
- <!-- <div
- :id="'task' + itemTaskIndex"
- class="cc_title"
- >
- 任务{{ itemTaskIndex + 1 }}
- </div> -->
- <div class="cc_input">
- <input type="text" placeholder="输入任务名称" class="binfo_input" style="border-radius: 4px"
- v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].task
- " />
- </div>
- <div class="remove" v-if="item.taskJson.length > 1" @click="deleteTask(itemTaskIndex)"></div>
- <div v-if="itemTask.isFold2" class="show_taskD show" @click="fold2(itemTaskIndex)"><img
- src="../../../assets/icon/new/icon-slide.png" />收起任务描述</div>
- <div v-else class="show_taskD" @click="fold2(itemTaskIndex)"><img
- src="../../../assets/icon/new/icon-slide.png" />展开任务描述</div>
- </div>
- </div>
- </div>
- <div style="margin: 25px 0 0" v-if="itemTask.isFold2">
- <!-- <editor-bar style="width: 90% !important; margin: 0" placeholder="请输入任务描述" v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].taskDetail
- " @change="change"></editor-bar> -->
- <textarea v-autoHeight="70" rows="2" class="binfo_input" placeholder="请输入任务描述" cols v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].taskDetail
- "></textarea>
- </div>
- <div class="basic_box" style="
- padding: 25px 0 0 !important;
- ">
- <div style="
- display: flex;
- margin: 0 0 0 0;
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- ">
- <div class="lineTitle" style="margin-bottom:10px">学习内容</div>
- <div style="margin-bottom:10px" v-if="!itemTask.isFoldchapter" class="show_taskD show"
- @click="foldC(itemTaskIndex)"><img src="../../../assets/icon/new/icon-slide.png" />收起学习内容
- </div>
- <div style="margin-bottom:10px" v-else class="show_taskD" @click="foldC(itemTaskIndex)"><img
- src="../../../assets/icon/new/icon-slide.png" />展开学习内容</div>
- </div>
- <div v-if="!itemTask.isFoldchapter">
- <div class="add_chapters_box add_c_none" v-if="itemTask.chapterData &&
- itemTask.chapterData.length == 0
- "><img src="../../../assets/icon/new/c_none.png" alt /><span>请添加学习内容</span></div>
- <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
- <div @dragstart="dragStart(item1, index1, itemTaskIndex)" @dragover.prevent="dragOver(index1,itemTaskIndex)"
- @dragend="dragEnd()" draggable class="chapter_upload"
- v-for="(item1, index1) in itemTask.chapterData" :key="item1.id" @click="
- getChapterData(
- $event,
- unitIndex,
- index,
- index1,
- item1.type
- )
- " :class="{
- dragOverTop2: newIndex === index1 && typeIndex == 'chapter-'+itemTaskIndex+'-'+index1 && oldIndex > index1,
- dragOverBottom2: newIndex === index1 && typeIndex == 'chapter-'+itemTaskIndex+'-'+index1 && oldIndex < index1,
- }">
- <div class="chapter_upload_drag"></div>
- <div class="chapter_upload_t" style="width: 100%"></div>
- <div class="chapter_upload_o" style="
- position: relative;
- display: flex;
- align-items: center;
- ">
- <div class="chapter_upload_l" style="padding: 1px 0 0 10px">
- <div v-if="item1.type == 2" class="chapter_upload_l_i2"></div>
- <div v-if="item1.type == 3" class="chapter_upload_l_i3" style="margin-left: 1px"></div>
- <div v-if="item1.type == 6" class="chapter_upload_l_i6" style="margin-left: 1px"></div>
- <!-- <div v-if="item1.type == 7" class="chapter_upload_l_i8" style="margin-left: 1px"></div> -->
- <div v-if="item1.type == 8" class="chapter_upload_l_i8" style="margin-left: 1px"></div>
- <div v-if="item1.type == 14" class="chapter_upload_l_i14" style="margin-left: 1px">
- </div>
- <div v-if="item1.type == 12" class="chapter_upload_l_i12" style="margin-left: 1px">
- </div>
- <div v-if="item1.type == 13" class="chapter_upload_l_i13" style="margin-left: 1px">
- </div>
- </div>
- <div class="chapter_upload_n">
- <input readonly="true" v-if="item1.type == 2 ||
- item1.type == 3 ||
- item1.type == 12 ||
- item1.type == 13 ||
- item1.type == 7
- " :placeholder="item1.name" @click="
- updataVideoT(
- $event,
- unitIndex,
- itemTaskIndex,
- index1
- )
- " style="
- border: none;
- outline: none;
- width: 80%;
- minwidth: 215px;
- z-index: 99;
- font-size: 14px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- " />
- <input :placeholder="item1.name" v-if="item1.type == 6" style="
- border: none;
- outline: none;
- width: 80%;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- " readonly="true" @click="selectAttText(itemTaskIndex, index1)" />
- <input :placeholder="item1.title ? item1.title : '链接'
- " v-if="item1.type == 8" style="
- border: none;
- outline: none;
- width: 80%;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- " readonly="true" @click="selectLine(itemTaskIndex, index1)" />
- <input :placeholder="item1.title ? item1.title : '链接'
- " v-if="item1.type == 14" style="
- border: none;
- outline: none;
- width: 80%;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- " readonly="true" @click="openUpdateSource(itemTaskIndex, index1)" />
- </div>
- <div class="chapter_upload_ic">
- <div class="chapter_upload_noSee" v-if="item1.type == 12">
- </div>
- <div class="chapter_upload_ud" style="z-index: 99">
- <div class="chapter_upload_up" @click="
- upCd(
- $event,
- unitIndex,
- index,
- itemTaskIndex,
- index1
- )
- "></div>
- <div class="chapter_upload_down" @click="
- downCd(
- $event,
- unitIndex,
- index,
- itemTaskIndex,
- index1
- )
- "></div>
- </div>
- <div class="chapter_upload_ic_edit" v-if="item1.type == 2 ||
- item1.type == 3 ||
- item1.type == 12 ||
- item1.type == 13 ||
- item1.type == 7
- " @click.stop="
- updataVideoT(
- $event,
- unitIndex,
- itemTaskIndex,
- index1
- )
- ">
- <div></div>
- </div>
- <div class="chapter_upload_ic_edit" v-if="item1.type == 6"
- @click="selectAttText(itemTaskIndex, index1)">
- <div></div>
- </div>
- <div class="chapter_upload_ic_edit" v-if="item1.type == 8"
- @click="selectLine(itemTaskIndex, index1)">
- <div></div>
- </div>
- <div class="chapter_upload_ic_edit" v-if="item1.type == 14"
- @click="openUpdateSource(itemTaskIndex, index1)">
- <div></div>
- </div>
- <div class="chapter_upload_ic_r" @click.stop="
- deleteChapterData(
- $event,
- unitIndex,
- index,
- index1,
- itemTaskIndex
- )
- ">
- <div></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="add_info_box" style="margin:10px 0 0" v-if="!itemTask.isFoldchapter">
- <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
- 文件
- <input type="file" accept="*" style="display: none" v-if="inputShow"
- @change="beforeUpload2($event, unitIndex, 13, 0)" />
- </button>
- <button class="c_pub_button_add pub_btn_add_img" @click="addAttText(0)">
- 图文
- </button>
- <button class="c_pub_button_add pub_btn_add_img" @click="openLine(0)">
- 链接
- </button>
- <button class="c_pub_button_add pub_btn_add_img" @click="pasteLine(0)">
- 代码
- </button>
- <button class="c_pub_button_add pub_btn_add_img" @click="openSource(0)">
- 资源
- </button>
- <!-- <button class="info_btn" @click="addImg($event)">
- 其他附件
- <input type="file" accept="*" style="display: none" v-if="inputShow" @change="beforeUpload2($event, unitIndex, 12, itemTaskIndex)
- " />
- </button> -->
- </div>
- <div v-if="unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].proVisible
- " class="mask">
- <div class="progressBox">
- <!-- <div id="closePro" class="closeCss">
- <img src="../../../../assets/icon/close.png" alt />
- </div> -->
- <div class="lbox">
- <img src="../../../assets/loading.gif" />上传中，请稍后
- </div>
- <div style="margin-bottom: 10px">
- <span>{{
- unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].isFinishSize
- }}M</span>
- /
- <span>{{
- unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].isAllSize
- }}M</span>
- </div>
- <el-progress :text-inside="true" :stroke-width="20" :percentage="unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].progress
- ? unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].progress
- : 0
- " style="width: 80%"></el-progress>
- </div>
- </div>
- </div>
- <div class="toolChoose" style="margin: 5px 0 20px">
- <div class="tools">
- <div class="leftTools" style="
- width: 100%;
- " v-for="(itemTool, toolIndex) in itemTask.toolChoose" :key="toolIndex">
- <div style="
- display: flex;
- flex-direction: row;
- align-items: baseline;
- flex-wrap: nowrap;
- justify-content: flex-start;
- position: relative;
- ">
- <div :id="'gj' + itemTaskIndex + '' + toolIndex"
- style="margin-right: 20px; font-weight: bold">
- 步骤 {{ toolIndex + 1 }} ：
- </div>
- <div class="chooseWho">
- <div :class="itemTool.toolType == 0 ? 'isChooseActive' : ''
- " @click="(itemTool.toolType = 0), (itemTool.isFold3 = true), $forceUpdate()">
- 互动类
- </div>
- <div :class="itemTool.toolType == 1
- ? 'isChooseActive'
- : ''
- " @click="
- (itemTool.toolType = 1), (itemTool.isFold3 = true), $forceUpdate()
- ">
- 思维类
- </div>
- <div :class="itemTool.toolType == 6
- ? 'isChooseActive'
- : ''
- " @click="
- (itemTool.toolType = 6), (itemTool.isFold3 = true), $forceUpdate()
- ">
- 协作类
- </div>
- <div :class="itemTool.toolType == 2
- ? 'isChooseActive'
- : ''
- " @click="
- (itemTool.toolType = 2), (itemTool.isFold3 = true), $forceUpdate()
- ">
- 测评类
- </div>
- <div :class="itemTool.toolType == 7
- ? 'isChooseActive'
- : ''
- " @click="
- (itemTool.toolType = 7), (itemTool.isFold3 = true), $forceUpdate()
- ">
- 评价类
- </div>
- <div :class="itemTool.toolType == 3
- ? 'isChooseActive'
- : ''
- " @click="
- (itemTool.toolType = 3), (itemTool.isFold3 = true), $forceUpdate()
- ">
- 编程类
- </div>
- <div :class="itemTool.toolType == 5 ? 'isChooseActive' : ''
- " @click="(itemTool.toolType = 5), (itemTool.isFold3 = true), $forceUpdate()">
- 学科类
- </div>
- <!--<div :class="itemTool.toolType == 4 ? 'isChooseActive' : ''
- " @click="(itemTool.toolType = 4), $forceUpdate()">
- 其他
- </div> -->
- </div>
- <div class="chapter_upload_ud2" style="z-index: 99;margin:0 0 0 auto" v-if="itemTask.toolChoose.length > 1">
- <div class="chapter_upload_up2" @click.stop="
- upTool(
- $event,
- unitIndex,
- itemTaskIndex,
- toolIndex
- )
- ">上移</div>
- <div class="chapter_upload_down2" @click.stop="
- downTool(
- $event,
- unitIndex,
- itemTaskIndex,
- toolIndex
- )
- ">下移</div>
- </div>
- <div v-if="itemTool.isFold3" class="show_toolD show"
- @click="fold3(itemTaskIndex, toolIndex)"
- :style="{ margin: itemTask.toolChoose.length > 1 ? '0px 35px 0px 10px' : '0 0 0 auto' }"><img
- src="../../../assets/icon/new/icon-slide.png" />收起工具栏</div>
- <div v-else class="show_toolD" @click="fold3(itemTaskIndex, toolIndex)"
- :style="{ margin: itemTask.toolChoose.length > 1 ? '0px 35px 0px 10px' : '0 0 0 auto' }"><img
- src="../../../assets/icon/new/icon-slide.png" />展开工具栏</div>
- <div class="remove" @click="deleteTool(itemTaskIndex, toolIndex)"
- v-if="itemTask.toolChoose.length > 1" style="position: absolute; right: 0;top:-5px;"></div>
- </div>
- <div style="min-height: 163px" v-show="itemTool.isFold3">
- <div class="toolSort" v-if="itemTool.toolType == 0">
- <!-- <div class="tool">
- <div
- class="whiteBIcon"
- @click="addTools(8, itemTaskIndex, toolIndex)"
- >
- <img src="../../../assets/icon/secondToolList/library.png" alt />
- <div style="margin: 5px 0">素材库</div>
- </div>
- <div class="check" @click="addTools(8, itemTaskIndex, toolIndex)">
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(8) == -1"
- />
- <div class="checkDiv" v-else><img src="../../../assets/icon/checkedIs.png"
- alt /><span>已选择</span></div>
- </div>
- </div>-->
- <!-- <div class="tool">
- <div
- class="whiteBIcon"
- @click="addTools(17, itemTaskIndex, toolIndex)"
- >
- <img
- src="../../../assets/icon/secondToolList/library.png"
- alt
- />
- <div style="margin: 5px 0">学习资料</div>
- </div>
- <div
- class="check"
- @click="addTools(17, itemTaskIndex, toolIndex)"
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(17) == -1"
- />
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- v-else
- />
- </div>10
- </div> -->
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(10) != -1 }"
- @click="addTools(10, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- openTools(itemTaskIndex, 10, toolIndex)
- ">
- <img src="../../../assets/icon/thirdToolList/time.png" alt />
- <div style="margin: 5px 0">倒计时</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(10) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(10, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(10) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(65) != -1 }"
- @click="addTools(65, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="addTools(65, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/firstToolList/pickPeople.png" alt />
- <div style="margin: 5px 0">挑人</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(65) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div class="check" @click="addTools(65, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(65) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <!-- <div class="tool">
- <div
- class="whiteBIcon"
- @click="
- openTools(itemTaskIndex, 49, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/fourthToolList/group.png"
- alt
- />
- <div style="margin: 5px 0">学生分组</div>
- </div>
- <div
- class="check"
- @click="
- addTools(49, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(49) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div>
- </div> -->
- <!-- <div class="tool">
- <div
- class="whiteBIcon"
- @click="
- openTools(itemTaskIndex, 62, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/fourthToolList/interVideo.png"
- alt
- />
- <div style="margin: 5px 0">交互视频</div>
- </div>
- <div
- class="check"
- @click="
- addTools(62, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(62) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div>
- </div> -->
- </div>
- <div class="toolSort" v-if="itemTool.toolType == 1">
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(7) != -1 }"
- @click="addTools(7, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- addTools(7, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/secondToolList/mindNetwork.png" alt />
- <div style="margin: 5px 0">思维网格</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(7) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(7, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(7) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(1) != -1 }"
- @click="addTools(1, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- openTools(itemTaskIndex, 1, toolIndex)
- ">
- <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
- <div style="margin: 5px 0">电子白板</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(1) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(1, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(1) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <!-- <div class="tool">
- <div
- class="whiteBIcon"
- @click="addTools(2, itemTaskIndex, toolIndex)"
- >
- <img
- src="../../../assets/icon/secondToolList/note.png"
- alt
- />
- <div style="margin: 5px 0">便签</div>
- </div>
- <div
- class="check"
- @click="addTools(2, itemTaskIndex, toolIndex)"
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(2) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div>
- </div> -->
- <!-- <div class="tool">
- <div class="whiteBIcon" @click="addTools(6, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/secondToolList/doc.png" alt />
- <div style="margin: 5px 0">协同文档</div>
- </div>
- <div
- class="check"
- @click="addTools(6, itemTaskIndex, toolIndex)"
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(6) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div>
- </div> -->
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(52) != -1 }"
- @click="addTools(52, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- openTools(itemTaskIndex, 52, toolIndex)
- ">
- <img src="../../../assets/icon/fourthToolList/text.png" alt />
- <div style="margin: 5px 0">文档</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(52) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(52, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(52) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(3) != -1 }"
- @click="addTools(3, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- openTools(itemTaskIndex, 3, toolIndex)
- ">
- <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
- <div style="margin: 5px 0">思维导图</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(3) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(3, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(3) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(48) != -1 }"
- @click="addTools(48, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- openTools(itemTaskIndex, 48, toolIndex)
- ">
- <img src="../../../assets/icon/fourthToolList/table.png" alt />
- <div style="margin: 5px 0">表格</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(48) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(48, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(48) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- </div>
- <div class="toolSort" v-if="itemTool.toolType == 6">
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(49) != -1 }"
- @click="addTools(49, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- openTools(itemTaskIndex, 49, toolIndex)
- ">
- <img src="../../../assets/icon/fourthToolList/group.png" alt />
- <div style="margin: 5px 0">学生分组</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(49) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(49, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(49) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- </div>
- <div class="toolSort" v-if="itemTool.toolType == 2">
- <!-- <div class="tool">
- <div
- class="whiteBIcon"
- @click="addTools(5, itemTaskIndex, toolIndex)"
- >
- <img
- src="../../../assets/icon/thirdToolList/score.png"
- alt
- />
- <div style="margin: 5px 0">量规评分</div>
- </div>
- <div
- class="check"
- @click="addTools(5, itemTaskIndex, toolIndex)"
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(5) == -1"
- />
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- v-else
- />
- </div>
- </div>-->
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(4) != -1 }"
- @click="addTools(4, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- openTools(itemTaskIndex, 4, toolIndex)
- ">
- <img src="../../../assets/icon/thirdToolList/ask.png" alt />
- <div style="margin: 5px 0">问卷调查</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(4) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(4, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(4) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(45) != -1 }"
- @click="addTools(45, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- openTools(itemTaskIndex, 45, toolIndex)
- ">
- <img src="../../../assets/icon/thirdToolList/choose.png" alt />
- <div style="margin: 5px 0">选择题</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(45) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(45, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(45) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(15) != -1 }"
- @click="addTools(15, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- openTools(itemTaskIndex, 15, toolIndex)
- ">
- <img src="../../../assets/icon/thirdToolList/answer.png" alt />
- <div style="margin: 5px 0">问答</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(15) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(15, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(15) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(16) != -1 }"
- @click="addTools(16, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- addTools(16, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/thirdToolList/work.png" alt />
- <div style="margin: 5px 0">作业提交</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(16) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(16, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(16) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(50) != -1 }"
- @click="addTools(50, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- addTools(50, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/thirdToolList/plwork.png" alt />
- <div style="margin: 5px 0">批量上传</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(50) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(50, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(50) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <!-- <div class="tool">
- <div
- class="whiteBIcon"
- @click="
- openTools(itemTaskIndex, 40, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/thirdToolList/eval.png"
- alt
- />
- <div style="margin: 5px 0">个人评价</div>
- </div>
- <div
- class="check"
- @click="
- addTools(40, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(40) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div>
- </div> -->
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(41) != -1 }"
- @click="addTools(41, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- openTools(itemTaskIndex, 41, toolIndex)
- ">
- <img src="../../../assets/icon/thirdToolList/select.png" alt />
- <div style="margin: 5px 0">选择匹配</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(41) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(41, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(41) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(47) != -1 }"
- @click="addTools(47, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- openTools(itemTaskIndex, 47, toolIndex)
- ">
- <img src="../../../assets/icon/fourthToolList/conSentences.png" alt />
- <div style="margin: 5px 0">排序</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(47) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(47, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(47) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <!-- <div class="tool">
- <div
- class="whiteBIcon"
- @click="openTools(itemTaskIndex, 42, toolIndex)"
- >
- <img
- src="../../../assets/icon/thirdToolList/mp3.png"
- alt
- />
- <div style="margin: 5px 0">上传音频</div>
- </div>
- <div
- class="check"
- @click="addTools(42, itemTaskIndex, toolIndex)"
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(42) == -1"
- />
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- v-else
- />
- </div>
- </div> -->
- </div>
- <div class="toolSort" v-if="itemTool.toolType == 3">
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(18) != -1 }"
- @click="addTools(18, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- addTools(18, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/thirdToolList/trainPlatform.png" alt />
- <div style="margin: 5px 0">训练平台</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(18) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(18, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(18) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(21) != -1 }"
- @click="addTools(21, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- addTools(21, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/fourthToolList/program.png" alt />
- <div style="margin: 5px 0">AIoT Blockly</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(21) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(21, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(21) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <!-- <div class="tool">
- <div
- class="whiteBIcon"
- @click="
- addTools(22, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/fourthToolList/AIprogram2.png"
- alt
- />
- <div style="margin: 5px 0">AI体验</div>
- </div>
- <div
- class="check"
- @click="
- addTools(22, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(22) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div>
- </div> -->
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(23) != -1 }"
- @click="addTools(23, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- addTools(23, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/fourthToolList/Pythonprogram.png" alt />
- <div style="margin: 5px 0">AI Python</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(23) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(23, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(23) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(24) != -1 }"
- @click="addTools(24, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- addTools(24, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/fourthToolList/AIprogram.png" alt />
- <div style="margin: 5px 0">AI Blockly</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(24) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(24, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(24) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(32) != -1 }"
- @click="addTools(32, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- addTools(32, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/thirdToolList/code.png" alt />
- <div style="margin: 5px 0">源码编辑</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(32) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(32, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(32) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(57) != -1 }"
- @click="addTools(57, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="openTools(itemTaskIndex, 57, toolIndex)">
- <img src="../../../assets/icon/fourthToolList/cocopi.png" alt />
- <div style="margin: 5px 0">CocoPi</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(57) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(57, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(57) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(63) != -1 }"
- @click="addTools(63, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- addTools(63, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/fourthToolList/Wood.png" alt />
- <div style="margin: 5px 0">海龟编程</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(63) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(63, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(63) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- </div>
- <div class="toolSort" v-if="itemTool.toolType == 5">
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(28) != -1 }"
- @click="addTools(28, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- addTools(28, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/secondToolList/translation.png" alt />
- <div style="margin: 5px 0">翻译</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(28) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div class="check" @click="
- addTools(28, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/checkNo.png" alt
- v-if="itemTool.tool.indexOf(28) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(31) != -1 }"
- @click="addTools(31, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- addTools(31, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
- <div style="margin: 5px 0">数字画板</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(31) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div class="check" @click="
- addTools(31, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/checkNo.png" alt
- v-if="itemTool.tool.indexOf(31) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(39) != -1 }"
- @click="addTools(39, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- addTools(39, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/secondToolList/GeoGebra.png" alt />
- <div style="margin: 5px 0">GeoGebra</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(39) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div class="check" @click="
- addTools(39, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/checkNo.png" alt
- v-if="itemTool.tool.indexOf(39) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(66) != -1 }"
- @click="addTools(66, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- addTools(66, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/secondToolList/formulaEdi.png" alt />
- <div style="margin: 5px 0">公式编辑</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(66) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div class="check" @click="
- addTools(66, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/checkNo.png" alt
- v-if="itemTool.tool.indexOf(66) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <!-- <div class="tool">
- <div class="whiteBIcon" @click="
- addTools(67, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/secondToolList/molStr.png" alt />
- <div style="margin: 5px 0">分子结构</div>
- </div>
- <div class="check" @click="
- addTools(67, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/checkNo.png" alt
- v-if="itemTool.tool.indexOf(67) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div> -->
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(68) != -1 }"
- @click="addTools(68, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- addTools(68, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/secondToolList/timeAxis.png" alt />
- <div style="margin: 5px 0">时间轴</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(68) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div class="check" @click="
- addTools(68, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/checkNo.png" alt
- v-if="itemTool.tool.indexOf(68) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div> -->
- </div>
- <!-- <div class="tool">
- <div
- class="whiteBIcon"
- @click="
- addTools(28, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/secondToolList/translation.png"
- alt
- />
- <div style="margin: 5px 0">翻译</div>
- </div>
- <div
- class="check"
- @click="
- addTools(28, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(28) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div
- class="whiteBIcon"
- @click="
- addTools(37, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/secondToolList/mohe.png"
- alt
- />
- <div style="margin: 5px 0">魔盒识字</div>
- </div>
- <div
- class="check"
- @click="
- addTools(37, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(37) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div
- class="whiteBIcon"
- @click="
- addTools(38, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/secondToolList/24game.png"
- alt
- />
- <div style="margin: 5px 0">24点</div>
- </div>
- <div
- class="check"
- @click="
- addTools(38, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(38) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div
- class="whiteBIcon"
- @click="
- addTools(31, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/secondToolList/networkPanel.png"
- alt
- />
- <div style="margin: 5px 0">数学画板</div>
- </div>
- <div
- class="check"
- @click="
- addTools(31, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(31) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div
- class="whiteBIcon"
- @click="
- addTools(39, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/secondToolList/GeoGebra.png"
- alt
- />
- <div style="margin: 5px 0">GeoGebra</div>
- </div>
- <div
- class="check"
- @click="
- addTools(39, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(39) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div
- class="whiteBIcon"
- @click="
- addTools(58, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/fourthToolList/car.png"
- alt
- />
- <div style="margin: 5px 0">模拟驾驶</div>
- </div>
- <div
- class="check"
- @click="
- addTools(58, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(58) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div
- class="whiteBIcon"
- @click="
- addTools(59, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/fourthToolList/lineSearch.png"
- alt
- />
- <div style="margin: 5px 0">路径搜索</div>
- </div>
- <div
- class="check"
- @click="
- addTools(59, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(59) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div
- class="whiteBIcon"
- @click="
- addTools(60, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/fourthToolList/deepLearning.png"
- alt
- />
- <div style="margin: 5px 0">深度学习</div>
- </div>
- <div
- class="check"
- @click="
- addTools(60, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(60) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div
- class="whiteBIcon"
- @click="
- addTools(61, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/fourthToolList/allHistory.png"
- alt
- />
- <div style="margin: 5px 0">全历史</div>
- </div>
- <div
- class="check"
- @click="
- addTools(61, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(61) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div>
- </div> -->
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(69) != -1 }"
- @click="addTools(69, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- openTools(itemTaskIndex, 69, toolIndex)
- ">
- <img src="../../../assets/icon/thirdToolList/english.png" alt />
- <div style="margin: 5px 0">英语写作</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(69) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(4, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(4) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- </div>
- <div class="toolSort" v-if="itemTool.toolType == 7">
- <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(40) != -1 }"
- @click.stop="addTools(40, itemTaskIndex, toolIndex)">
- <div class="whiteBIcon" @click.stop="
- openTools(itemTaskIndex, 40, toolIndex)
- ">
- <img src="../../../assets/icon/thirdToolList/eval.png" alt />
- <div style="margin: 5px 0">个人评价</div>
- </div>
- <div class="isCTool" v-show="itemTool.tool.indexOf(40) != -1"><img
- src="../../../assets/icon/new/isToolC.png" alt="" /></div>
- <!-- <div
- class="check"
- @click="
- addTools(40, itemTaskIndex, toolIndex)
- "
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(40) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div> -->
- </div>
- </div>
- <div class="toolSort" v-if="itemTool.toolType == 4">
- <div class="tool">
- <div class="whiteBIcon" @click="
- addTools(26, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/thirdToolList/courseDesign.png" alt />
- <div style="margin: 5px 0">课程设计</div>
- </div>
- <div class="check" @click="
- addTools(26, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/checkNo.png" alt
- v-if="itemTool.tool.indexOf(26) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="
- addTools(25, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/thirdToolList/evalua.png" alt />
- <div style="margin: 5px 0">目标管理</div>
- </div>
- <div class="check" @click="
- addTools(25, itemTaskIndex, toolIndex)
- ">
- <img src="../../../assets/icon/checkNo.png" alt
- v-if="itemTool.tool.indexOf(25) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <!-- <div class="tool">
- <div class="whiteBIcon" @click="addTools(44, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/thirdToolList/hanClass.png" alt />
- <div style="margin: 5px 0">汉字宫</div>
- </div>
- <div class="check" @click="addTools(44, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(44) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div> -->
- </div>
- </div>
- <div v-show="itemTool.isFold3">
- <textarea v-autoHeight="87" rows="3" type="text" placeholder="添加工具描述" class="binfo_input"
- style="
- margin: 0 0 20px 0;
- " v-model="itemTool.toolDetail"></textarea>
- </div>
- </div>
- <!-- <div class="addToolFun2" @click="addToolFun(itemTaskIndex)">
- <div class="addToolImg">
- <img src="../../../assets/icon/add.png" alt />
- </div>
- <div>添加工具</div>
- </div> -->
- <button class="c_pub_button_add pub_btn_tool_img" @click="addToolFun(itemTaskIndex)" style="margin: 0 auto;padding: 0 30px;height: 45px;">
- 添加工具
- </button>
- </div>
- </div>
- </div>
- <div class="addTaskBorder" v-if="!unitJson[unitIndex].easy">
- <!-- <div>
- <img src="../../../assets/icon/new/addStage.png" alt />
- <span>添加任务</span>
- </div> -->
- <button class="c_pub_button_confirm pub_btn_add_task_img" @click="addTaskBorder">
- 添加任务
- </button>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="info_btnBox3">
- <button class="c_pub_button_return pub_btn_return_img" @click="lastSteps">
- 返回课程
- </button>
- <button class="c_pub_button_confirm pub_btn_finish_img" @click="nextSteps">
- 确认上传
- </button>
- </div>
- </div>
- <div class="rightBox" v-if="this.steps == 2">
- <div class="basic_box" style="padding: 20px 30px 0px !important; box-sizing: border-box">
- <div class="right_title" style="border: none; margin: 0; padding: 0">
- 请选择合适的课程模板
- </div>
- <div class="wordbox">
- <div class="wordTeacher" v-for="(aa, indexF) in templateArray" :key="indexF" @click="checkTemplate(aa)">
- <div class="wordPic">
- <img src="../../../assets/icon/wordMub.png" alt />
- </div>
- <div style="
- margin-top: 10px;
- line-height: 19px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- padding: 0 20px;
- ">
- {{ aa.title }}
- </div>
- </div>
- <div class="wordTeacher" @click="checkTemplate2()">
- <div class="wordPic">
- <img src="../../../assets/icon/wordMub.png" alt />
- </div>
- <div style="
- margin-top: 10px;
- line-height: 19px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- padding: 0 20px;
- ">
- 任务模式
- </div>
- </div>
- <div class="wordTeacher" @click="checkTemplate3()">
- <div class="wordPic">
- <img src="../../../assets/icon/wordMub.png" alt />
- </div>
- <div style="
- margin-top: 10px;
- line-height: 19px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- padding: 0 20px;
- ">
- 简易模式
- </div>
- </div>
- <div class="wordTeacher" @click="pasteStage()">
- <div class="wordPic">
- <img src="../../../assets/icon/wordMub.png" alt />
- </div>
- <div style="
- margin-top: 10px;
- line-height: 19px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- padding: 0 20px;
- ">
- 智能粘贴模式
- </div>
- </div>
- <!-- <div class="wordTeacher" @click="checkTemplate4()">
- <div class="wordPic">
- <img src="../../../assets/icon/wordMub.png" alt />
- </div>
- <div style="
- margin-top: 10px;
- line-height: 19px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- padding: 0 20px;
- ">
- 未来小学课程设计
- </div>
- </div> -->
- <!-- <div class="wordTeacher" @click="checkTemplate1()">
- <div class="wordPic">
- <img src="../../../assets/icon/wordMub.png" alt />
- </div>
- <div style="
- margin-top: 10px;
- line-height: 19px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- padding: 0 20px;
- ">
- 我的课程
- </div>
- </div> -->
- </div>
- </div>
- </div>
- <div class="rightBox" v-if="this.steps == 3" ref="rightboxR">
- <div class="basic_box">
- <div style="
- display: flex;
- flex-direction: row;
- align-items: center;
- position: sticky;
- top: 0;
- background: #fff;
- z-index: 99;
- width: 100%;
- padding: 0 20px 0 20px;
- box-sizing: border-box;
- ">
- <div class="cru_selectBox">
- <div v-for="(item, index) in unitJson" :key="index" class="cru_select"
- :class="unitIndex == index ? 'cru_selected' : ''" @click="unitSet(index)">
- <!-- item.dyName ? item.dyName : -->
- {{ "第" + (index + 1) + "阶段" }}
- </div>
- <img src="../../../assets/line.png" class="cru_line" :style="{
- left: offsetLetfPx + 'px',
- }" />
- </div>
- <div class="addStageImg" @click="addunit()" v-if="!(unitJson[unitJson.length - 1].easy == 4) &&
- !(unitJson[unitJson.length - 1].easy == 6)
- ">
- <img src="../../../assets/icon/add.png" alt />
- </div>
- </div>
- <div style="margin: 0 0 40px 0; padding: 0 20px 0 20px"
- v-for="(item, index) in unitJson[unitIndex].chapterInfo" :key="index">
- <div>
- <div class="chapter_contentbox">
- <div>第{{ unitIndex + 1 }}阶段</div>
- <div>
- <input type="text" placeholder="阶段标题" class="binfo_input" v-model="unitJson[unitIndex].dyName" />
- </div>
- <div v-if="unitJson.length > 1 &&
- !(unitJson[unitJson.length - 1].easy == 4) &&
- !(unitJson[unitJson.length - 1].easy == 6)
- " @click="deleteUnit(unitIndex)"></div>
- </div>
- </div>
- <div v-if="!unitJson[unitIndex].easy" style="
- margin: 50px 0px 10px;
- font-size: 1.5em;
- font-weight: 700;
- color: #0f7eff;
- ">
- 添加任务
- </div>
- <div class="taskBorder" :style="{ minHeight: unitJson[unitIndex].easy && 'unset' }"
- v-for="(itemTask, itemTaskIndex) in item.taskJson" :key="itemTaskIndex">
- <div v-if="unitJson[unitIndex].easy != 1">
- <div :style="{
- marginBottom:
- unitJson[unitIndex].easy == 3 ||
- (unitJson[unitIndex].easy == 5 &&
- itemTask.taskType == 1)
- ? '75px'
- : '0',
- }">
- <div style="font-size: 22px; color: #8e8e8e" :id="'task' + itemTaskIndex">
- 任务{{ itemTaskIndex + 1 }}
- </div>
- <div class="chapter_contentbox" style="
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;
- ">
- <div style="
- border-left: 6px solid #5699e8;
- height: 20px;
- padding-left: 10px;
- line-height: 22px;
- ">
- 任务名称
- </div>
- <div>
- <input type="text" placeholder="输入任务名称" class="binfo_input" style="border-radius: 4px" v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].task
- " />
- </div>
- <div class="remove" v-if="item.taskJson.length > 1 &&
- (!unitJson[unitIndex].easy ||
- unitJson[unitIndex].easy == 6)
- " @click="deleteTask(itemTaskIndex)" style="position: absolute; right: 55px"></div>
- </div>
- <div v-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1" style="
- display: flex;
- margin: 0 0 20px 0;
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;
- width: 70.5% !important;
- padding-top: 30px;
- ">
- <div class="lineTitle">任务描述</div>
- </div>
- <div v-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1">
- <editor-bar style="width: 90% !important; margin: 0" placeholder="请输入任务描述" v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].taskDetail
- " @change="change"></editor-bar>
- <!-- <textarea
- rows="6"
- class="binfo_input"
- placeholder="请输入任务描述"
- cols
- style="width: 70.5% !important; height: 120px"
- v-model="
- unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].taskDetail
- "
- ></textarea>-->
- </div>
- </div>
- </div>
- <div v-if="!unitJson[unitIndex].easy ||
- easyArray.indexOf(unitJson[unitIndex].easy) != -1
- " class="basic_box" style="
- margin: 0;
- min-height: 0;
- width: 90% !important;
- padding-top: 10px !important;
- ">
- <div style="
- display: flex;
- margin: 0 0 20px 0;
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;
- ">
- <div class="lineTitle">学习内容</div>
- </div>
- <div>
- <div class="add_chapters_box" v-if="itemTask.chapterData &&
- itemTask.chapterData.length == 0
- " style="height: 185px"></div>
- <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
- <div class="chapter_upload" v-for="(item1, index1) in itemTask.chapterData" :key="item1.id"
- @click="
- getChapterData(
- $event,
- unitIndex,
- index,
- index1,
- item1.type
- )
- ">
- <div class="chapter_upload_t" style="width: 100%"></div>
- <div class="chapter_upload_o" style="
- position: relative;
- display: flex;
- align-items: center;
- ">
- <div class="chapter_upload_l" style="padding: 1px 0 0 10px">
- <div v-if="item1.type == 2" class="chapter_upload_l_i1"></div>
- <div v-if="item1.type == 3 ||
- item1.type == 12 ||
- item1.type == 13 ||
- item1.type == 6 ||
- item1.type == 7
- " class="chapter_upload_l_i5" style="margin-left: 1px"></div>
- <div v-if="item1.type == 8" class="chapter_upload_l_i8" style="margin-left: 1px"></div>
- </div>
- <div class="chapter_upload_ic" style="
- cursor: pointer;
- position: absolute;
- width: 45px;
- right: 0;
- top: 0;
- ">
- <div class="chapter_upload_ic_l"></div>
- <div class="chapter_upload_ic_r" style="position: absolute" @click.stop="
- deleteChapterData(
- $event,
- unitIndex,
- index,
- index1,
- itemTaskIndex
- )
- ">
- <div></div>
- </div>
- </div>
- <div class="chapter_upload_n">
- <input v-if="item1.type == 2 ||
- item1.type == 3 ||
- item1.type == 12 ||
- item1.type == 13 ||
- item1.type == 7
- " :placeholder="item1.name" @change="
- updataVideoT(
- $event,
- unitIndex,
- chapterIndex,
- index1
- )
- " style="
- border: none;
- outline: none;
- width: 80%;
- minwidth: 215px;
- z-index: 99;
- font-size: 14px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- " />
- <input :placeholder="item1.name" v-if="item1.type == 6" style="
- border: none;
- outline: none;
- width: 80%;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- " readonly="true" @click="selectAttText(itemTaskIndex, index1)" />
- <input :placeholder="item1.title ? item1.title : '链接'
- " v-if="item1.type == 8" style="
- border: none;
- outline: none;
- width: 80%;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- " readonly="true" @click="selectLine(itemTaskIndex, index1)" />
- <div class="chapter_upload_ud" style="z-index: 99">
- <div class="chapter_upload_up" @click="
- upCd(
- $event,
- unitIndex,
- index,
- itemTaskIndex,
- index1
- )
- "></div>
- <div class="chapter_upload_down" @click="
- downCd(
- $event,
- unitIndex,
- index,
- itemTaskIndex,
- index1
- )
- "></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="add_info_box">
- <button class="info_btn" @click="addImg($event)">
- 添加文件
- <input type="file" accept="*" style="display: none" v-if="inputShow" @change="
- beforeUpload2($event, unitIndex, 13, itemTaskIndex)
- " />
- </button>
- <!-- <button class="info_btn" @click="addImg($event)">
- 添加视频
- <input type="file" accept="video/mp4, video/quicktime, video/x-msvideo" style="display: none"
- v-if="inputShow" @change="beforeUpload2($event, unitIndex, 2, itemTaskIndex)
- " />
- </button>
- <button class="info_btn" @click="addImg($event)">
- 添加文档
- <input type="file"
- accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
- style="display: none" v-if="inputShow" @change="beforeUpload2($event, unitIndex, 3, itemTaskIndex)
- " />
- </button> -->
- <button class="info_btn" @click="addAttText(itemTaskIndex)">
- 添加图文
- </button>
- <button class="info_btn" @click="openLine(itemTaskIndex)">
- 添加链接
- </button>
- <button class="info_btn" @click="pasteLine(itemTaskIndex)">
- 嵌入代码
- </button>
- <button class="info_btn" @click="openSource(itemTaskIndex)">
- 添加资源
- </button>
- <!-- <button class="info_btn" @click="addImg($event)">
- 其他附件
- <input type="file" accept="*" style="display: none" v-if="inputShow" @change="beforeUpload2($event, unitIndex, 12, itemTaskIndex)
- " />
- </button> -->
- </div>
- <div v-if="unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].proVisible
- " class="mask">
- <div class="progressBox">
- <!-- <div id="closePro" class="closeCss">
- <img src="../../../../assets/icon/close.png" alt />
- </div> -->
- <div class="lbox">
- <img src="../../../assets/loading.gif" />上传中，请稍后
- </div>
- <div style="margin-bottom: 10px">
- <span>{{
- unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].isFinishSize
- }}M</span>
- /
- <span>{{
- unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].isAllSize
- }}M</span>
- </div>
- <el-progress :text-inside="true" :stroke-width="20" :percentage="unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].progress
- ? unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].progress
- : 0
- " style="width: 80%"></el-progress>
- </div>
- </div>
- </div>
- <div v-if="unitJson[unitIndex].easy == 1 ||
- (unitJson[unitIndex].easy == 5 && itemTask.taskType == 2)
- " class="basic_box" style="
- margin: 0 auto;
- min-height: 0;
- width: 95% !important;
- padding: 20px 10px 10px;
- ">
- <div>
- <div class="add_chapters_box" v-if="itemTask.chapterData &&
- itemTask.chapterData.length == 0
- " style="height: 185px"></div>
- <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
- <div v-for="(item1, index1) in itemTask.chapterData" :key="item1.id">
- <div class="chapter_upload" @click="
- getChapterData(
- $event,
- unitIndex,
- index,
- index1,
- item1.type
- )
- ">
- <div class="chapter_upload_t" style="width: 100%"></div>
- <div class="chapter_upload_o" style="
- position: relative;
- display: flex;
- align-items: center;
- ">
- <div class="chapter_upload_l" style="padding: 1px 0 0 10px">
- <div v-if="item1.type == 2" class="chapter_upload_l_i1"></div>
- <div v-if="item1.type == 3 ||
- item1.type == 6 ||
- item1.type == 7
- " class="chapter_upload_l_i5" style="margin-left: 1px"></div>
- <div v-if="item1.type == 8" class="chapter_upload_l_i8" style="margin-left: 1px"></div>
- </div>
- <div class="chapter_upload_ic" style="
- cursor: pointer;
- position: absolute;
- width: 45px;
- right: 0;
- top: 0;
- ">
- <div class="chapter_upload_ic_l"></div>
- <div class="chapter_upload_ic_r" style="position: absolute" @click.stop="
- deleteChapterData(
- $event,
- unitIndex,
- index,
- index1,
- itemTaskIndex
- )
- ">
- <div></div>
- </div>
- </div>
- <div class="chapter_upload_n">
- <span style="
- font-size: 14px;
- color: rgb(109, 109, 109);
- height: 14px;
- line-height: 12px;
- " v-if="item1.type == 2 ||
- item1.type == 3 ||
- item1.type == 7
- ">{{ item1.text }}-</span>
- <input v-if="item1.type == 2 ||
- item1.type == 3 ||
- item1.type == 7
- " :placeholder="item1.name" @change="
- updataVideoT(
- $event,
- unitIndex,
- chapterIndex,
- index1
- )
- " style="
- border: none;
- outline: none;
- width: 80%;
- minwidth: 215px;
- z-index: 99;
- font-size: 14px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- " />
- <input :placeholder="item1.name" v-if="item1.type == 6" style="
- border: none;
- outline: none;
- width: 80%;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- " readonly="true" @click="selectAttText(itemTaskIndex, index1)" />
- <input :placeholder="item1.title ? item1.title : '链接'
- " v-if="item1.type == 8" style="
- border: none;
- outline: none;
- width: 80%;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- " readonly="true" @click="selectLine(itemTaskIndex, index1)" />
- <div class="chapter_upload_ud" style="z-index: 99">
- <div class="chapter_upload_up" @click="
- upCd(
- $event,
- unitIndex,
- index,
- itemTaskIndex,
- index1
- )
- "></div>
- <div class="chapter_upload_down" @click="
- downCd(
- $event,
- unitIndex,
- index,
- itemTaskIndex,
- index1
- )
- "></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="add_info_box" style="margin: 10px 0 0">
- <button class="info_btn" @click="addImg($event)">
- <span style="color: red">*</span>
- 教学设计
- <input type="file"
- accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
- style="display: none" v-if="inputShow" @change="
- beforeUpload3(
- $event,
- unitIndex,
- 3,
- itemTaskIndex,
- '教学设计'
- )
- " />
- </button>
- <button class="info_btn" @click="addImg($event)">
- <span style="color: red">*</span>
- 教学课件
- <input type="file"
- accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
- style="display: none" v-if="inputShow" @change="
- beforeUpload3(
- $event,
- unitIndex,
- 3,
- itemTaskIndex,
- '教学课件'
- )
- " />
- </button>
- <button class="info_btn" @click="addImg($event)">
- 教学视频
- <input type="file" accept="video/mp4, video/quicktime, video/x-msvideo" style="display: none"
- v-if="inputShow" @change="
- beforeUpload3(
- $event,
- unitIndex,
- 2,
- itemTaskIndex,
- '教学视频'
- )
- " />
- </button>
- <button class="info_btn" @click="addImg($event)">
- 教学音频
- <input type="file" accept="audio/*" style="display: none" v-if="inputShow" @change="
- beforeUpload3(
- $event,
- unitIndex,
- 2,
- itemTaskIndex,
- '教学音频'
- )
- " />
- </button>
- <button class="info_btn" @click="addImg($event)">
- 学习单
- <input type="file"
- accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
- style="display: none" v-if="inputShow" @change="
- beforeUpload3(
- $event,
- unitIndex,
- 3,
- itemTaskIndex,
- '学习单'
- )
- " />
- </button>
- </div>
- <div v-if="unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].proVisible
- " class="mask">
- <div class="progressBox">
- <!-- <div id="closePro" class="closeCss">
- <img src="../../../../assets/icon/close.png" alt />
- </div> -->
- <div class="lbox">
- <img src="../../../assets/loading.gif" />上传中，请稍后
- </div>
- <div style="margin-bottom: 10px">
- <span>{{
- unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].isFinishSize
- }}M</span>
- /
- <span>{{
- unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].isAllSize
- }}M</span>
- </div>
- <el-progress :text-inside="true" :stroke-width="20" :percentage="unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].progress
- ? unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].progress
- : 0
- " style="width: 80%"></el-progress>
- </div>
- </div>
- </div>
- <div v-if="unitJson[unitIndex].easy != 3 &&
- !(unitJson[unitIndex].easy == 5 && itemTask.taskType == 1)
- " style="
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;
- padding: 0 0 0 30px;
- paddint-top: 10px !important;
- ">
- <div style="
- display: flex;
- flex-direction: row;
- align-items: center;
- margin-bottom: 20px;
- ">
- <div class="lineTitle">
- {{
- !unitJson[unitIndex].easy ||
- unitJson[unitIndex].easy == 6 ||
- easyArray.indexOf(unitJson[unitIndex].easy) != -1
- ? "练习内容"
- : "评价内容"
- }}
- </div>
- </div>
- </div>
- <div v-if="unitJson[unitIndex].easy == 6 || !unitJson[unitIndex].easy
- " class="toolChoose" style="padding: 0 0 0 30px">
- <div class="tools">
- <div class="leftTools" style="
- width: 95%;
- padding: 0 0 15px 0;
- margin: 15px 0;
- " v-for="(itemTool, toolIndex) in itemTask.toolChoose" :key="toolIndex">
- <div>
- <textarea rows="3" type="text" placeholder="添加工具描述" class="binfo_input"
- style="margin: 0 0 20px 0; width: 71.5% !important" v-model="itemTool.toolDetail"></textarea>
- </div>
- <div style="
- display: flex;
- flex-direction: row;
- align-items: baseline;
- flex-wrap: nowrap;
- justify-content: flex-start;
- position: relative;
- ">
- <div style="margin-right: 20px; font-weight: bold">
- 步骤 {{ toolIndex + 1 }} ：
- </div>
- <div class="chooseWho">
- <!-- <div :class="itemTool.toolType == 0 ? 'isChooseActive' : ''
- " @click="(itemTool.toolType = 0), $forceUpdate()">
- 互动类
- </div> -->
- <div :class="itemTool.toolType == 1 ? 'isChooseActive' : ''
- " @click="(itemTool.toolType = 1), $forceUpdate()">
- 思维类
- </div>
- <div :class="itemTool.toolType == 6 ? 'isChooseActive' : ''
- " @click="(itemTool.toolType = 6), $forceUpdate()">
- 协作类
- </div>
- <div :class="itemTool.toolType == 2 ? 'isChooseActive' : ''
- " @click="(itemTool.toolType = 2), $forceUpdate()">
- 测评类
- </div>
- <div :class="itemTool.toolType == 7 ? 'isChooseActive' : ''
- " @click="(itemTool.toolType = 7), $forceUpdate()">
- 评价类
- </div>
- <div :class="itemTool.toolType == 3 ? 'isChooseActive' : ''
- " @click="(itemTool.toolType = 3), $forceUpdate()">
- 学科类
- </div>
- <!-- <div :class="itemTool.toolType == 5 ? 'isChooseActive' : ''
- " @click="(itemTool.toolType = 5), $forceUpdate()">
- 学科类
- </div>
- <div :class="itemTool.toolType == 4 ? 'isChooseActive' : ''
- " @click="(itemTool.toolType = 4), $forceUpdate()">
- 其他
- </div> -->
- </div>
- <div class="remove" @click="deleteTool(itemTaskIndex, toolIndex)"
- v-if="itemTask.toolChoose.length > 1" style="position: absolute; right: 55px"></div>
- </div>
- <div style="min-height: 163px">
- <div class="toolSort" v-if="itemTool.toolType == 0">
- <!-- <div class="tool">
- <div
- class="whiteBIcon"
- @click="addTools(8, itemTaskIndex, toolIndex)"
- >
- <img src="../../../assets/icon/secondToolList/library.png" alt />
- <div style="margin: 5px 0">素材库</div>
- </div>
- <div class="check" @click="addTools(8, itemTaskIndex, toolIndex)">
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(8) == -1"
- />
- <div class="checkDiv" v-else><img src="../../../assets/icon/checkedIs.png"
- alt /><span>已选择</span></div>
- </div>
- </div>-->
- <!-- <div class="tool">
- <div
- class="whiteBIcon"
- @click="addTools(17, itemTaskIndex, toolIndex)"
- >
- <img
- src="../../../assets/icon/secondToolList/library.png"
- alt
- />
- <div style="margin: 5px 0">学习资料</div>
- </div>
- <div
- class="check"
- @click="addTools(17, itemTaskIndex, toolIndex)"
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(17) == -1"
- />
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- v-else
- />
- </div>10
- </div> -->
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 10, toolIndex)">
- <img src="../../../assets/icon/thirdToolList/time.png" alt />
- <div style="margin: 5px 0">倒计时</div>
- </div>
- <div class="check" @click="addTools(10, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(10) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <!-- <div class="tool">
- <div
- class="whiteBIcon"
- @click="openTools(itemTaskIndex, 49, toolIndex)"
- >
- <img
- src="../../../assets/icon/fourthToolList/group.png"
- alt
- />
- <div style="margin: 5px 0">学生分组</div>
- </div>
- <div
- class="check"
- @click="addTools(49, itemTaskIndex, toolIndex)"
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(49) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div>
- </div> -->
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 62, toolIndex)">
- <img src="../../../assets/icon/fourthToolList/interVideo.png" alt />
- <div style="margin: 5px 0">交互视频</div>
- </div>
- <div class="check" @click="addTools(62, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(62) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- </div>
- <div class="toolSort" v-if="itemTool.toolType == 1">
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(7, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/secondToolList/mindNetwork.png" alt />
- <div style="margin: 5px 0">思维网格</div>
- </div>
- <div class="check" @click="addTools(7, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(7) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 1, toolIndex)">
- <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
- <div style="margin: 5px 0">电子白板</div>
- </div>
- <div class="check" @click="addTools(1, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(1) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <!-- <div class="tool">
- <div
- class="whiteBIcon"
- @click="addTools(2, itemTaskIndex, toolIndex)"
- >
- <img
- src="../../../assets/icon/secondToolList/note.png"
- alt
- />
- <div style="margin: 5px 0">便签</div>
- </div>
- <div
- class="check"
- @click="addTools(2, itemTaskIndex, toolIndex)"
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(2) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div>
- </div> -->
- <!-- <div class="tool">
- <div class="whiteBIcon" @click="addTools(6, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/secondToolList/doc.png" alt />
- <div style="margin: 5px 0">协同文档</div>
- </div>
- <div
- class="check"
- @click="addTools(6, itemTaskIndex, toolIndex)"
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(6) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div>
- </div> -->
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 52, toolIndex)">
- <img src="../../../assets/icon/fourthToolList/text.png" alt />
- <div style="margin: 5px 0">文档</div>
- </div>
- <div class="check" @click="addTools(52, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(52) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 3, toolIndex)">
- <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
- <div style="margin: 5px 0">思维导图</div>
- </div>
- <div class="check" @click="addTools(3, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(3) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 48, toolIndex)">
- <img src="../../../assets/icon/fourthToolList/table.png" alt />
- <div style="margin: 5px 0">表格</div>
- </div>
- <div class="check" @click="addTools(48, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(48) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- </div>
- <div class="toolSort" v-if="itemTool.toolType == 6">
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 49, toolIndex)">
- <img src="../../../assets/icon/fourthToolList/group.png" alt />
- <div style="margin: 5px 0">学生分组</div>
- </div>
- <div class="check" @click="addTools(49, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(49) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- </div>
- <div class="toolSort" v-if="itemTool.toolType == 2">
- <!-- <div class="tool">
- <div
- class="whiteBIcon"
- @click="addTools(5, itemTaskIndex, toolIndex)"
- >
- <img
- src="../../../assets/icon/thirdToolList/score.png"
- alt
- />
- <div style="margin: 5px 0">量规评分</div>
- </div>
- <div
- class="check"
- @click="addTools(5, itemTaskIndex, toolIndex)"
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(5) == -1"
- />
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- v-else
- />
- </div>
- </div>-->
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 4, toolIndex)">
- <img src="../../../assets/icon/thirdToolList/ask.png" alt />
- <div style="margin: 5px 0">问卷调查</div>
- </div>
- <div class="check" @click="addTools(4, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(4) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 45, toolIndex)">
- <img src="../../../assets/icon/thirdToolList/choose.png" alt />
- <div style="margin: 5px 0">选择题</div>
- </div>
- <div class="check" @click="addTools(45, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(45) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 15, toolIndex)">
- <img src="../../../assets/icon/thirdToolList/answer.png" alt />
- <div style="margin: 5px 0">问答</div>
- </div>
- <div class="check" @click="addTools(15, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(15) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(16, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/thirdToolList/work.png" alt />
- <div style="margin: 5px 0">作业提交</div>
- </div>
- <div class="check" @click="addTools(16, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(16) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(50, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/thirdToolList/plwork.png" alt />
- <div style="margin: 5px 0">批量上传</div>
- </div>
- <div class="check" @click="addTools(50, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(50) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <!-- <div class="tool">
- <div
- class="whiteBIcon"
- @click="openTools(itemTaskIndex, 40, toolIndex)"
- >
- <img
- src="../../../assets/icon/thirdToolList/eval.png"
- alt
- />
- <div style="margin: 5px 0">个人评价</div>
- </div>
- <div
- class="check"
- @click="addTools(40, itemTaskIndex, toolIndex)"
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(40) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div>
- </div> -->
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 41, toolIndex)">
- <img src="../../../assets/icon/thirdToolList/select.png" alt />
- <div style="margin: 5px 0">选择匹配</div>
- </div>
- <div class="check" @click="addTools(41, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(41) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 47, toolIndex)">
- <img src="../../../assets/icon/fourthToolList/conSentences.png" alt />
- <div style="margin: 5px 0">排序</div>
- </div>
- <div class="check" @click="addTools(47, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(47) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <!-- <div class="tool">
- <div
- class="whiteBIcon"
- @click="openTools(itemTaskIndex, 42, toolIndex)"
- >
- <img
- src="../../../assets/icon/thirdToolList/mp3.png"
- alt
- />
- <div style="margin: 5px 0">上传音频</div>
- </div>
- <div
- class="check"
- @click="addTools(42, itemTaskIndex, toolIndex)"
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(42) == -1"
- />
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- v-else
- />
- </div>
- </div> -->
- </div>
- <div class="toolSort" v-if="itemTool.toolType == 3">
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(18, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/thirdToolList/trainPlatform.png" alt />
- <div style="margin: 5px 0">训练平台</div>
- </div>
- <div class="check" @click="addTools(18, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(18) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(21, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/fourthToolList/program.png" alt />
- <div style="margin: 5px 0">AIoT Blockly</div>
- </div>
- <div class="check" @click="addTools(21, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(21) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(22, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/fourthToolList/AIprogram2.png" alt />
- <div style="margin: 5px 0">AI体验</div>
- </div>
- <div class="check" @click="addTools(22, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(22) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(23, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/fourthToolList/Pythonprogram.png" alt />
- <div style="margin: 5px 0">AI Python</div>
- </div>
- <div class="check" @click="addTools(23, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(23) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(24, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/fourthToolList/AIprogram.png" alt />
- <div style="margin: 5px 0">AI Blockly</div>
- </div>
- <div class="check" @click="addTools(24, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(24) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <!-- <div class="tool">
- <div
- class="whiteBIcon"
- @click="addTools(32, itemTaskIndex, toolIndex)"
- >
- <img
- src="../../../assets/icon/thirdToolList/code.png"
- alt
- />
- <div style="margin: 5px 0">源码编辑</div>
- </div>
- <div
- class="check"
- @click="addTools(32, itemTaskIndex, toolIndex)"
- >
- <img
- src="../../../assets/icon/checkNo.png"
- alt
- v-if="itemTool.tool.indexOf(32) == -1"
- />
- <div class="checkDiv" v-else>
- <img
- src="../../../assets/icon/checkedIs.png"
- alt
- /><span>已选择</span>
- </div>
- </div>
- </div> -->
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 57, toolIndex)">
- <img src="../../../assets/icon/fourthToolList/cocopi.png" alt />
- <div style="margin: 5px 0">CocoPi</div>
- </div>
- <div class="check" @click="addTools(57, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(57) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(63, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/fourthToolList/Wood.png" alt />
- <div style="margin: 5px 0">海龟编程</div>
- </div>
- <div class="check" @click="addTools(63, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(63) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- </div>
- <div class="toolSort" v-if="itemTool.toolType == 7">
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 40, toolIndex)">
- <img src="../../../assets/icon/thirdToolList/eval.png" alt />
- <div style="margin: 5px 0">个人评价</div>
- </div>
- <div class="check" @click="addTools(40, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(40) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- </div>
- <div class="toolSort" v-if="itemTool.toolType == 5">
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(28, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/secondToolList/translation.png" alt />
- <div style="margin: 5px 0">翻译</div>
- </div>
- <div class="check" @click="addTools(28, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(28) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(37, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/secondToolList/mohe.png" alt />
- <div style="margin: 5px 0">魔盒识字</div>
- </div>
- <div class="check" @click="addTools(37, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(37) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(38, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/secondToolList/24game.png" alt />
- <div style="margin: 5px 0">24点</div>
- </div>
- <div class="check" @click="addTools(38, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(38) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(31, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
- <div style="margin: 5px 0">数学画板</div>
- </div>
- <div class="check" @click="addTools(31, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(31) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(39, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/secondToolList/GeoGebra.png" alt />
- <div style="margin: 5px 0">GeoGebra</div>
- </div>
- <div class="check" @click="addTools(39, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(39) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(58, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/fourthToolList/car.png" alt />
- <div style="margin: 5px 0">模拟驾驶</div>
- </div>
- <div class="check" @click="addTools(58, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(58) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(59, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/fourthToolList/lineSearch.png" alt />
- <div style="margin: 5px 0">路径搜索</div>
- </div>
- <div class="check" @click="addTools(59, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(59) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(60, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/fourthToolList/deepLearning.png" alt />
- <div style="margin: 5px 0">深度学习</div>
- </div>
- <div class="check" @click="addTools(60, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(60) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(61, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/fourthToolList/allHistory.png" alt />
- <div style="margin: 5px 0">全历史</div>
- </div>
- <div class="check" @click="addTools(61, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(61) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- </div>
- <div class="toolSort" v-if="itemTool.toolType == 4">
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(26, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/thirdToolList/courseDesign.png" alt />
- <div style="margin: 5px 0">课程设计</div>
- </div>
- <div class="check" @click="addTools(26, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(26) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(25, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/thirdToolList/evalua.png" alt />
- <div style="margin: 5px 0">目标管理</div>
- </div>
- <div class="check" @click="addTools(25, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(25) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <!-- <div class="tool">
- <div class="whiteBIcon" @click="addTools(44, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/thirdToolList/hanClass.png" alt />
- <div style="margin: 5px 0">汉字宫</div>
- </div>
- <div class="check" @click="addTools(44, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(44) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div> -->
- </div>
- </div>
- </div>
- <div class="addToolFun" @click="addToolFun(itemTaskIndex)">
- <div class="addToolImg">
- <img src="../../../assets/icon/add.png" alt />
- </div>
- <div>添加工具</div>
- </div>
- </div>
- </div>
- <div v-else-if="unitJson[unitIndex].easy == 2 ||
- unitJson[unitIndex].easy == 4
- " class="toolChoose" style="padding: 0 0 0 30px">
- <div class="tools">
- <div class="leftTools" style="width: 95%" v-for="(itemTool, toolIndex) in itemTask.toolChoose"
- :key="toolIndex">
- <div>
- <textarea rows="3" type="text" placeholder="添加工具描述" class="binfo_input"
- style="margin: 0 0 20px 0; width: 71.5% !important" v-model="itemTool.toolDetail"></textarea>
- </div>
- <div style="
- display: flex;
- flex-direction: row;
- align-items: baseline;
- flex-wrap: nowrap;
- justify-content: flex-start;
- position: relative;
- ">
- <div style="margin-right: 20px; font-weight: bold">
- 步骤 {{ toolIndex + 1 }} ：
- </div>
- <div class="remove" @click="deleteTool(itemTaskIndex, toolIndex)"
- v-if="itemTask.toolChoose.length > 1" style="position: absolute; right: 55px"></div>
- </div>
- <div style="min-height: 163px">
- <div class="toolSort">
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 1, toolIndex)">
- <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
- <div style="margin: 5px 0">电子白板</div>
- </div>
- <div class="check" @click="addTools(1, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(1) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 52, toolIndex)">
- <img src="../../../assets/icon/fourthToolList/text.png" alt />
- <div style="margin: 5px 0">文档</div>
- </div>
- <div class="check" @click="addTools(52, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(52) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 3, toolIndex)">
- <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
- <div style="margin: 5px 0">思维导图</div>
- </div>
- <div class="check" @click="addTools(3, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(3) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 4, toolIndex)">
- <img src="../../../assets/icon/thirdToolList/ask.png" alt />
- <div style="margin: 5px 0">问卷调查</div>
- </div>
- <div class="check" @click="addTools(4, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(4) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 45, toolIndex)">
- <img src="../../../assets/icon/thirdToolList/choose.png" alt />
- <div style="margin: 5px 0">选择题</div>
- </div>
- <div class="check" @click="addTools(45, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(45) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 15, toolIndex)">
- <img src="../../../assets/icon/thirdToolList/answer.png" alt />
- <div style="margin: 5px 0">问答</div>
- </div>
- <div class="check" @click="addTools(15, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(15) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="addTools(16, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/thirdToolList/work.png" alt />
- <div style="margin: 5px 0">作业提交</div>
- </div>
- <div class="check" @click="addTools(16, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(16) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 50, toolIndex)">
- <img src="../../../assets/icon/thirdToolList/plwork.png" alt />
- <div style="margin: 5px 0">批量上传</div>
- </div>
- <div class="check" @click="addTools(50, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(50) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 41, toolIndex)">
- <img src="../../../assets/icon/thirdToolList/select.png" alt />
- <div style="margin: 5px 0">选择匹配</div>
- </div>
- <div class="check" @click="addTools(41, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(41) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 47, toolIndex)">
- <img src="../../../assets/icon/fourthToolList/conSentences.png" alt />
- <div style="margin: 5px 0">排序</div>
- </div>
- <div class="check" @click="addTools(47, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(47) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 48, toolIndex)">
- <img src="../../../assets/icon/fourthToolList/table.png" alt />
- <div style="margin: 5px 0">表格</div>
- </div>
- <div class="check" @click="addTools(48, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(48) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="addToolFun" style="margin-bottom: 20px" @click="addToolFun(itemTaskIndex)">
- <div class="addToolImg">
- <img src="../../../assets/icon/add.png" alt />
- </div>
- <div>添加工具</div>
- </div>
- </div>
- </div>
- <div v-else-if="unitJson[unitIndex].easy == 1 ||
- (unitJson[unitIndex].easy == 5 && itemTask.taskType == 2)
- " class="toolChoose" style="padding: 0 0 0 30px">
- <div class="tools">
- <div class="leftTools" style="
- width: 95%;
- padding: 0 0 15px 0;
- margin-bottom: 15px;
- " v-for="(itemTool, toolIndex) in itemTask.toolChoose" :key="toolIndex">
- <div style="min-height: 163px">
- <div class="toolSort">
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(itemTaskIndex, 50, toolIndex)">
- <img src="../../../assets/icon/thirdToolList/plwork.png" alt />
- <div style="margin: 5px 0">批量上传</div>
- </div>
- <div class="check" @click="addTools(50, itemTaskIndex, toolIndex)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(50) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="elist_css" v-if="!(unitJson[unitJson.length - 1].easy == 4)">
- <div class="elist_title">
- <div style="
- display: flex;
- flex-direction: row;
- align-items: center;
- margin-bottom: 20px;
- ">
- <div class="lineTitle">评价设置</div>
- </div>
- </div>
- <div class="mbCss">
- <div class="pjCss">
- <div v-if="itemTask.eList && itemTask.eList.length" class="elist_input">
- <div v-for="(eItem, eIndex) in itemTask.eList" :key="eIndex" class="elist_input_box">
- <span>评价名称：</span>
- <input type="input" v-model="itemTask.eList[eIndex].value" placeholder="填写评价名称" />
- <span>评星等级：</span>
- <el-rate v-model="itemTask.eList[eIndex].score" @change="setEListStar()" disabled></el-rate>
- <div class="remove" @click="
- deletEList(unitIndex, itemTaskIndex, eIndex)
- "></div>
- <div class="elist_inptu_text">
- <span>评价描述：</span>
- <input type="input" v-model="itemTask.eList[eIndex].detail" placeholder="填写评价描述" />
- </div>
- <div class="elist_inptu_text" v-if="evalua">
- <span>目标：</span>
- <!-- <input type="input" v-model="itemTask.eList[eIndex].target" placeholder="填写评价描述" /> -->
- <!-- <el-select v-model="itemTask.eList[eIndex].target" placeholder="请选择目标"
- @change="forceUpdate()">
- <el-option v-for="(e, eIndex) in targetArray" :key="eIndex" :label="e.name"
- :value="e.name">
- </el-option>
- </el-select> -->
- <el-cascader :options="targetArray" v-model="itemTask.eList[eIndex].target"
- :props="{ checkStrictly: true }" :show-all-levels="false" clearable></el-cascader>
- </div>
- </div>
- </div>
- <div class="addToolFun" @click="addEList(unitIndex, itemTaskIndex)" style="margin: 35px 35px 0 0">
- <div class="addToolImg">
- <img src="../../../assets/icon/add.png" alt />
- </div>
- <div>添加</div>
- </div>
- </div>
- <div v-if="evalua" style="
- border: 1px solid #e5e5e5;
- width: 55%;
- margin-top: 20px;
- box-shadow: 3px 1px 15px 3px #e0e0e0;
- " class="evaCss">
- <div class="e_add_top">
- <div class="e_add_title">
- <span>当前使用目标管理</span>
- <span>{{ eTitle }}</span>
- <img src="../../../assets/line.png" class="cru_line" style="
- width: 125px;
- height: 20px;
- bottom: -10px;
- left: 155px;
- " />
- </div>
- </div>
- <div class="e_add_content" style="width: 100%">
- <div class="e_add_list_pbox" style="width: 100%">
- <div class="e_add_list_pbox_title">
- <span class="type_title">切换模式</span>
- <div class="type_content">
- <span :class="{ active: typeMode == 1 }" @click="OtherMb(1)">目标树</span>
- <span :class="{ active: typeMode == 2 }" @click="OtherMb(2)">目标罗盘</span>
- <span :class="{ active: typeMode == 3 }" @click="OtherMb(3)">目标看板</span>
- </div>
- </div>
- <div class="e_add_list_pbox_content">
- <Mind :showBar="false" :mindData="data" style="width: 100%" :jsmindId="unitIndex + '-' + itemTaskIndex + 'mind'
- " v-if="typeMode == 1"></Mind>
- <Sunburst :Josn="eJson" :num="eJSONNum" style="width: 100%" v-if="typeMode == 2">
- </Sunburst>
- <SeeBoard :Josn="eJson" :num="eJSONNum" :ename="eTitle" style="width: 100%"
- v-if="typeMode == 3"></SeeBoard>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="funBlock" style="padding: 0">
- <div class="fold" @click="fold(itemTaskIndex, $event, 1)">
- <div>折叠</div>
- <div class="arrow">
- <img src="../../../assets/icon/fold.png" alt />
- </div>
- </div>
- <div class="fold" @click="fold(itemTaskIndex, $event, 0)">
- <div>展开</div>
- <div class="arrow">
- <img src="../../../assets/icon/expand.png" alt />
- </div>
- </div>
- </div>
- </div>
- <div class="addTaskBorder" @click="addTaskBorder" v-if="!unitJson[unitIndex].easy">
- <div>
- <img src="../../../assets/icon/addHw.png" alt />
- <span>添加任务</span>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="rightBox" v-if="this.steps == 4">
- <div class="basic_box_success">
- <div class="right_img">
- <img src="../../../assets/icon/right.png" alt />
- </div>
- <div style="font-weight: bold">成功</div>
- <!-- <div>您的课程编号</div>
- <div class="number">{{ number }}</div>-->
- <!-- <div class="success_button">
- <div class="look_course" @click="isNoFinsh">
- 邀请老师协同编辑
- </div>
- <div class="attend_others" @click="goCourse">预览课程</div>
- </div> -->
- </div>
- </div>
- <div :class="{ info_btnBox: isBtnDisplay, info_btnBox2: !isBtnDisplay }" @mouseenter="btnDisplay(true)"
- @mouseleave="btnDisplay(false)" v-if="false">
- <button v-if="isBtnDisplay" class="c_pub_button_return pub_btn_return_img" @click="lastSteps">
- 返回课程
- </button>
- <button v-if="isBtnDisplay" class="c_pub_button_confirm pub_btn_finish_img" @click="nextSteps">
- 确认上传
- </button>
- </div>
- </div>
- </div>
- </div>
- <el-dialog title="提示" :visible.sync="dialogVisible" :append-to-body="true" width="25%" :before-close="handleClose"
- class="dialog_diy2 customWidth">
- <div>请复制该链接邀请协同编辑</div>
- <div>http://www.boomyon.com/index-zhang.com</div>
- <span slot="footer" class="dialog-footer">
- <el-button type="primary">复制链接分享</el-button>
- <el-button @click="dialogVisible = false">取消</el-button>
- </span>
- </el-dialog>
- <el-dialog :title="updateBoolean2 ? '查看文档' : '添加文档'" :visible.sync="dialogVisible1" :append-to-body="true" width="25%"
- :before-close="handleClose" class="dialog_diy2 customWidth">
- <el-form>
- <el-form-item label="文档标题">
- <el-input v-model="tTitle" auto-complete="off" placeholder="请输入文档标题名..."></el-input>
- </el-form-item>
- <div>文档简介</div>
- <editor-bar v-model="tdetail" @change="change"></editor-bar>
- </el-form>
- <span slot="footer" class="dialog-footer">
- <el-button @click="dialogVisible1 = false">取 消</el-button>
- <el-button type="primary" @click="addWord" v-if="!updateBoolean2">添加</el-button>
- <el-button type="primary" @click="upWord" v-else>修 改</el-button>
- </span>
- </el-dialog>
- <el-dialog title="添加文档" :visible.sync="dialogVisible2" :append-to-body="true" width="500px"
- :before-close="handleClose" class="dialog_diy">
- <el-form>
- <el-form-item label="文档标题">
- <el-input v-model="templateC.title" auto-complete="off" placeholder="请输入文档标题名..."></el-input>
- </el-form-item>
- <div>文档内容</div>
- <editor-bar v-model="cTemplate" @change="change"></editor-bar>
- </el-form>
- <span slot="footer" class="dialog-footer">
- <el-button @click="clearChoose">取 消</el-button>
- <el-button type="primary" @click="wordNext()">确定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="添加富文本" :visible.sync="dialogVisible6" :append-to-body="true" width="500px"
- :before-close="handleClose" class="dialog_diy">
- <el-form>
- <el-form-item label="文本标题">
- <el-input ref="fuInput" v-model="AttText.title" auto-complete="off" @input="change2"
- placeholder="请输入文本标题..."></el-input>
- </el-form-item>
- <!-- <div>富文本内容</div> -->
- <editor-bar v-model="AttText.text" @change="change" v-if="dialogVisible6"></editor-bar>
- </el-form>
- <span slot="footer" class="dialog-footer">
- <el-button @click="clearAttText">取 消</el-button>
- <el-button type="primary" @click="isAddOrUpdateAttText">确定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="添加链接" :visible.sync="dialogVisible7" :append-to-body="true" width="500px"
- :before-close="handleClose" class="dialog_diy lineCss">
- <el-form>
- <el-form-item label="标题" :label-width="formLabelWidth">
- <span>
- <el-input placeholder="请输入链接标题" clearable v-model="lineTitle" class="add_input"></el-input>
- </span>
- </el-form-item>
- <el-form-item label="链接" :label-width="formLabelWidth">
- <span>
- <el-input placeholder="请输入链接" clearable v-model="line" class="add_input"></el-input>
- </span>
- </el-form-item>
- </el-form>
- <span slot="footer" class="dialog-footer">
- <el-button @click="clearLine">取 消</el-button>
- <el-button type="primary" @click="isAddOrUpdateLine">确定</el-button>
- </span>
- </el-dialog>
- <el-dialog :title="updateSourcePan ? '修改资源' : '添加资源'" :visible.sync="dialogVisibleSource" :append-to-body="true"
- width="100%" :before-close="handleClose" class="dialog_diy source_diy">
- <div>
- <sourceDialog :sourceData.sync="sourceData" :updateSourcePan="updateSourcePan"></sourceDialog>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="dialogVisibleSource = false">取 消</el-button>
- <el-button type="primary" @click="addSource" v-if="!updateSourcePan">确定</el-button>
- <el-button type="primary" @click="updateSource" v-else>确定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="添加课程成员" :visible.sync="dialogVisible3" :append-to-body="true" width="25%" height="80%"
- :before-close="handleClose" class="addNewPP customWidth">
- <div class="people">
- <div class="people_top">
- <div class="people_nav">选择成员</div>
- <div class="people_top_right">
- <div class="people_search">
- <el-input style="height: 100%" placeholder="搜索成员名称" v-model="searchPeople"></el-input>
- <div class="search_img" @click="searchStudent">
- <img src="../../../assets/icon/search.png" alt />
- </div>
- </div>
- </div>
- </div>
- <el-checkbox-group v-model="checkboxList" class="people_name">
- <el-checkbox v-for="item in studentJuri" :key="item.userid" :label="item.userid">{{ item.name ? item.name :
- "暂无学生可选" }}</el-checkbox>
- </el-checkbox-group>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="dialogVisible3 = false">取 消</el-button>
- <el-button type="primary" @click="isAddPP">确定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="选择授课班级" :visible.sync="dialogVisibleClass" :append-to-body="true" width="600px" height="80%"
- :before-close="handleClose" class="addNewPP2">
- <div class="check_classBox">
- <div class="check_class_right">
- <div class="check_class" :class="{ activeX: gradeId == '' }" @click="gradeId = '', getClass()">
- 全部
- </div>
- <el-tooltip placement="top" :content="item.name" v-for="(item, index) in gradeList" :key="index">
- <div class="check_class" :class="{ activeX: gradeId == item.id }" @click="gradeId = item.id, getClass()">
- {{ item.name }}
- </div>
- </el-tooltip>
- </div>
- <div class="check_class_left">
- <div class="check_class_all_box">
- <div class="check_class_left_title">选择班级</div>
- <!-- <div style="display:flex;align-items:center;"><el-checkbox v-model="checkAll"
- @change="handleCheckAllChange" class="all_check">全选</el-checkbox></div> -->
- </div>
- <div class="class_item" style="position:absolute; margin:0" v-if="grade2.length">
- <el-checkbox v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
- </div>
- <el-checkbox-group v-model="checkboxList2" class="check_class_item" @change="InviteChange" v-if="grade2.length">
- <div v-for="item in grade2" :key="item.id" class="class_item">
- <el-checkbox :label="item.id">
- {{ item.name }}
- </el-checkbox>
- </div>
- </el-checkbox-group>
- <div v-if="!grade2.length">暂无数据</div>
- </div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="dialogVisibleClass = false">取 消</el-button>
- <el-button type="primary" @click="isAddClass">确定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="添加协同成员" :visible.sync="dialogVisibleMember" :append-to-body="true" width="25%" height="80%"
- :before-close="handleClose" class="addNewPP customWidth">
- <div class="people">
- <div class="people_top">
- <div class="people_top_right">
- <div class="people_search">
- <el-input placeholder="搜索成员名称" v-model="searchTN" @keyup.enter.native="getTeacher"></el-input>
- <div class="search_img" @click="getTeacher">
- <img src="../../../assets/icon/search.png" alt />
- </div>
- </div>
- </div>
- <div class="people_nav">选择成员</div>
- </div>
- <el-checkbox-group v-model="checkboxList3" class="people_name" v-if="teacherJuri.length">
- <el-checkbox v-for="item in teacherJuri" :key="item.userid" :label="item.userid">
- <div class="t_j_box">
- <el-tooltip placement="top" :content="item.name ? item.name : '暂无姓名'">
- <span>{{ item.name ? item.name : "暂无姓名" }}</span>
- </el-tooltip>
- <el-tooltip placement="top" :content="item.username">
- <span>{{ item.username }}</span>
- </el-tooltip>
- <el-tooltip placement="top" :content="item.school">
- <span>{{ item.school }}</span>
- </el-tooltip>
- </div>
- </el-checkbox>
- </el-checkbox-group>
- <div style="text-align: center; margin-top: 10px" v-else>暂无数据</div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="dialogVisibleMember = false">取 消</el-button>
- <el-button type="primary" @click="isAddPPTeacher">确定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="创建问卷" :visible.sync="dialogVisible5" :append-to-body="true" width="800px"
- :before-close="(done) => { closePan(4) }" class="dialog_diy fullStyle">
- <div style="height:100%">
- <div class="a_add_title" style="
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: center;
- ">
- <!-- <div style="margin-right: 20px; font-size: 20px">标题:</div> -->
- <el-input v-model="askJson.askTitle" placeholder="请输入标题" style="width: 400px"></el-input>
- </div>
- <div class="a_addBox" style="height:calc(100% - 50px)">
- <!-- <div style="font-size: 16px; color: #c7c7c7">请输入题目内容</div> -->
- <div class="a_add_box" v-for="(item1, index1) in askJson.askCount" :key="index1">
- <div class="a_add_checkType">
- <span :class="{
- active:
- askJson.askJson[index1].type == '1' ||
- !askJson.askJson[index1].type,
- }" @click="checkAskType('1', askJson.askJson[index1])">单选题</span>
- <span :class="{ active: askJson.askJson[index1].type == '2' }"
- @click="checkAskType('2', askJson.askJson[index1])">多选题</span>
- </div>
- <div class="a_add_head">
- <div style="display: flex;align-items: center;width: 100%;margin-right: 20px;">
- <span style="min-width:fit-content">{{ index1 + 1 + "、" }}</span>
- <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-model="askJson.askJson[index1].askstitle
- " placeholder="请输入题目" @change="() => { $forceUpdate() }"></textarea>
- </div>
- <div class="moveBtn moveBtn2" style="margin: 0 20px 0 0px;" v-if="askJson.askCount != 1">
- <div class="chapter_upload_up" @click.stop="askMove(1, index1)">
- </div>
- <div class="chapter_upload_down" @click.stop="askMove(2, index1)"></div>
- </div>
- <div class="a_add_head_div">
- <el-button type="primary" size="small" @click="deleteAskList(index1)" v-if="askJson.askCount != 1">删除
- </el-button>
- <el-button type="primary" size="small" @click="addAskList(index1)">添加</el-button>
- </div>
- </div>
- <div class="a_add_body">
- <div class="a_add_input" style="flex-direction: column;">
- <div v-for="(item2, checkIndex) in askJson.askJson[index1].askItem" :key="checkIndex"
- style=" margin: 20px 10px 0 0;display: flex;align-items:center;position: relative;">
- <div style="margin-right: 10px">
- 选项{{ checkIndex + 1 }}
- </div>
- <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-model="askJson.askJson[index1].checkList[checkIndex]
- " placeholder="请输入选项" style="width: 300px;" @change="() => { $forceUpdate() }"></textarea>
- <div class="moveBtn moveBtn2" style="margin: 0 0px 0 20px" v-if="askJson.askJson[index1].askItem != 1">
- <div class="chapter_upload_up" @click.stop="checkMove(1, index1, checkIndex)">
- </div>
- <div class="chapter_upload_down" @click.stop="checkMove(2, index1, checkIndex)"></div>
- </div>
- <div class="a_add_body_div">
- <el-button type="primary" size="small"
- @click="addcheckList(askJson.askJson[index1], checkIndex)">添加</el-button>
- <el-button type="primary" size="small" @click="deletecheckList(askJson.askJson[index1], checkIndex)"
- v-if="askJson.askJson[index1].askItem != 1">删除
- </el-button>
- </div>
- </div>
- </div>
- <!-- <div class="a_add_body_div">
- <el-button
- style="margin: 10px 0px 0 0"
- type="primary"
- size="small"
- @click="addcheckList(askJson.askJson[index1])"
- >添加</el-button
- >
- <el-button
- type="primary"
- size="small"
- style="margin: 10px 0 0 10px"
- @click="deletecheckList(askJson.askJson[index1])"
- v-if="askJson.askJson[index1].askItem != 1"
- >删除
- </el-button>
- </div> -->
- </div>
- </div>
- </div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="closePan(4)">取 消</el-button>
- <el-button type="primary" @click="addAsk">确 定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="创建选择题" :visible.sync="dialogVisibleChoice" :append-to-body="true" width="800px"
- :before-close="(done) => { closePan(45) }" class="dialog_diy fullStyle">
- <div style="height:100%">
- <!-- <div class="a_add_title" style="
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: center;
- ">
- <div style="margin-right: 20px; font-size: 20px">标题:</div>
- <el-input v-model="testJson.testTitle" placeholder="请输入标题" style="width: 400px"></el-input>
- </div> -->
- <div class="a_addBox" style="height:100%">
- <div style="font-size: 16px; color: #c7c7c7;display: flex;align-items: center;">
- <!-- 请输入题目内容 -->
- <button class="c_pub_button_add pub_btn_paste_img" @click="pasteOption" style="margin-left: 10px"
- v-if="isPasteChoice">智能粘贴</button>
- </div>
- <div class="a_add_box" v-for="(item1, index1) in testJson.testCount" :key="index1">
- <div class="a_add_checkType">
- <span :class="{ active: testJson.testJson[index1].type == '1' }"
- @click="checkTestType('1', testJson.testJson[index1])">单选题</span>
- <span :class="{ active: testJson.testJson[index1].type == '2' }"
- @click="checkTestType('2', testJson.testJson[index1])">多选题</span>
- </div>
- <div class="a_add_head">
- <div class="timuUpImg">
- <div style="display: flex;align-items: center;">
- <span style="min-width:fit-content">{{ index1 + 1 + "、" }}</span>
- <!-- <el-input class="a_add_head_input" v-autoHeight="40" resize="none" v-model="testJson.testJson[index1].teststitle" type="textarea"
- placeholder="请输入题目">
- </el-input> -->
- <textarea class="a_add_head_input textarea_css" v-autoHeight="40"
- v-model="testJson.testJson[index1].teststitle" placeholder="请输入题目"
- @change="() => { $forceUpdate() }"></textarea>
- </div>
- <div class="moveBtn moveBtn2" v-if="testJson.testCount != 1">
- <div class="chapter_upload_up" @click.stop="testMove(1, index1)">
- </div>
- <div class="chapter_upload_down" @click.stop="testMove(2, index1)"></div>
- </div>
- <div class="xzUpImg" @click.stop="addImg($event)" style="margin-right: 10px;">
- <img src="../../../assets/icon/xzUpImg.png" alt="" />
- <input type="file" accept="image/*" style="display: none" @change="beforeUploadTiMu($event, index1)" />
- </div>
- </div>
- <div class="a_add_head_div">
- <el-button type="primary" size="small" @click="deleteTestList(index1)" v-if="testJson.testCount != 1">删除
- </el-button>
- <el-button type="primary" size="small" @click="addTestList(index1)">添加</el-button>
- </div>
- </div>
- <div class="timuImgBox" v-if="testJson.testJson[index1].timuList &&
- testJson.testJson[index1].timuList.length
- ">
- <div v-for="(timg, tIndex) in testJson.testJson[index1].timuList" :key="tIndex" class="timuImg"
- @click.stop="previewImg(timg.src)">
- <img :src="timg.src" alt="" />
- <div class="deleteWord" @click.stop="deleteM(index1, tIndex)">
- <img src="../../../assets/icon/delete.png" alt="" />
- </div>
- </div>
- </div>
- <div class="a_add_body">
- <div class="a_add_input a_add_input_choice">
- <el-radio-group v-model="testJson.testJson[index1].answer" v-if="testJson.testJson[index1].type == 1"
- @change="() => { $forceUpdate() }">
- <div class="radioBox">
- <el-radio v-for="(item2, checkIndex) in testJson.testJson[index1]
- .testItem" :key="checkIndex" :label="checkIndex">
- <div style="margin-right: 10px">
- 选项{{ checkIndex + 1 }}
- </div>
- <div style="margin-right: 10px; width: 300px" v-if="testJson.testJson[index1].checkList[checkIndex] &&
- testJson.testJson[index1].checkList[checkIndex]
- .imgType &&
- testJson.testJson[index1].checkList[checkIndex]
- .imgType == 1
- ">
- <div class="inImg" @click.stop="
- previewImg(
- testJson.testJson[index1].checkList[checkIndex]
- .src
- )
- ">
- <el-image :src="testJson.testJson[index1].checkList[checkIndex]
- .src
- " lazy />
- <!-- <img :src="
- testJson.testJson[index1].checkList[checkIndex]
- .src
- " alt="" /> -->
- </div>
- </div>
- <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-else v-model="testJson.testJson[index1].checkList[checkIndex]
- " placeholder="请输入选项" style="width: 300px; margin-right: 10px"
- @change="() => { $forceUpdate() }"></textarea>
- <div class="xzUpImg" @click.stop="addImg($event)">
- <img src="../../../assets/icon/xzUpImg.png" alt="" />
- <input type="file" accept="image/*" style="display: none"
- @change="beforeUploadTi($event, index1, checkIndex)" />
- </div>
- <div class="moveBtn moveBtn2" v-if="testJson.testJson[index1].testItem != 1">
- <div class="chapter_upload_up" @click.stop="tcheckMove(1, index1, checkIndex)">
- </div>
- <div class="chapter_upload_down" @click.stop="tcheckMove(2, index1, checkIndex)"></div>
- </div>
- <div class="a_add_body_div">
- <el-button type="primary" size="small"
- @click.stop="addTcheckList(testJson.testJson[index1], checkIndex)">添加</el-button>
- <el-button type="primary" size="small"
- @click.stop="deleteTcheckList(testJson.testJson[index1], checkIndex)"
- v-if="testJson.testJson[index1].testItem != 1">删除
- </el-button>
- </div>
- </el-radio>
- </div>
- </el-radio-group>
- <el-checkbox-group v-model="testJson.testJson[index1].answer" v-if="testJson.testJson[index1].type == '2'"
- @change="() => { $forceUpdate() }">
- <div class="radioBox">
- <el-checkbox v-for="(item2, checkIndex1) in testJson.testJson[index1]
- .testItem" :key="checkIndex1" :label="checkIndex1">
- <div style="margin-right: 10px">
- 选项{{ checkIndex1 + 1 }}
- </div>
- <div style="margin-right: 10px; width: 300px" v-if="testJson.testJson[index1].checkList[checkIndex1] &&
- testJson.testJson[index1].checkList[checkIndex1]
- .imgType &&
- testJson.testJson[index1].checkList[checkIndex1]
- .imgType == 1
- ">
- <div class="inImg" @click.stop="
- previewImg(
- testJson.testJson[index1].checkList[checkIndex1]
- .src
- )
- ">
- <el-image :src="testJson.testJson[index1].checkList[checkIndex1]
- .src
- " lazy />
- <!-- <img :src="
- testJson.testJson[index1].checkList[checkIndex1]
- .src
- " alt="" /> -->
- </div>
- </div>
- <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-else v-model="testJson.testJson[index1].checkList[checkIndex1]
- " placeholder="请输入选项" style="width: 300px; margin-right: 10px"
- @change="() => { $forceUpdate() }"></textarea>
- <div class="xzUpImg" @click.stop="addImg($event)">
- <img src="../../../assets/icon/xzUpImg.png" alt="" />
- <input type="file" accept="image/*" style="display: none"
- @change="beforeUploadTi($event, index1, checkIndex1)" />
- </div>
- <div class="moveBtn moveBtn2" v-if="testJson.testJson[index1].testItem != 1">
- <div class="chapter_upload_up" @click.stop="tcheckMove(1, index1, checkIndex1)">
- </div>
- <div class="chapter_upload_down" @click.stop="tcheckMove(2, index1, checkIndex1)"></div>
- </div>
- <div class="a_add_body_div">
- <el-button type="primary" size="small"
- @click.stop="addTcheckList(testJson.testJson[index1], checkIndex1)">添加</el-button>
- <el-button type="primary" size="small"
- @click.stop="deleteTcheckList(testJson.testJson[index1], checkIndex1)"
- v-if="testJson.testJson[index1].testItem != 1">删除
- </el-button>
- </div>
- </el-checkbox>
- </div>
- </el-checkbox-group>
- </div>
- <!-- <div class="a_add_body_div">
- <el-button
- type="primary"
- size="small"
- @click="addTcheckList(testJson.testJson[index1])"
- >添加</el-button
- >
- <el-button
- type="primary"
- size="small"
- @click="deleteTcheckList(testJson.testJson[index1])"
- v-if="testJson.testJson[index1].testItem != 1"
- >删除
- </el-button>
- </div> -->
- </div>
- </div>
- </div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="closePan(45)">取 消</el-button>
- <el-button type="primary" @click="addTest">确 定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="添加工具" :visible.sync="dialogVisible4" :append-to-body="true" width="600px"
- :before-close="handleClose" class="dialog_diy addToolsDia">
- <div class="toolChoose" style="padding: 0 0 0 30px">
- <div class="tools">
- <div class="leftTools" style="
- width: 95%;
- padding: 0 0 15px 0;
- margin: 15px 0;
- " v-for="(itemTools, itemToolsIndex) in chapTools" :key="itemToolsIndex">
- <div style="
- display: flex;
- flex-direction: row;
- align-items: baseline;
- flex-wrap: nowrap;
- justify-content: flex-start;
- position: relative;
- ">
- <div class="chooseWho">
- <div :class="chapToolsType == 0 ? 'isChooseActive' : ''" @click="chapToolsType = 0">
- 互动类
- </div>
- <div :class="chapToolsType == 1 ? 'isChooseActive' : ''" @click="chapToolsType = 1">
- 思维类
- </div>
- <div :class="chapToolsType == 2 ? 'isChooseActive' : ''" @click="chapToolsType = 2">
- 评价类
- </div>
- <div :class="chapToolsType == 2 ? 'isChooseActive' : ''" @click="chapToolsType = 2">
- 其他
- </div>
- </div>
- </div>
- <div style="min-height: 163px">
- <div class="toolSort" v-if="chapToolsType == 0">
- <div class="tool">
- <div class="whiteBIcon" @click="chapAddTools(8)">
- <img src="../../../assets/icon/secondToolList/library.png" alt />
- <div style="margin: 5px 0">素材库</div>
- </div>
- <div class="check" @click="chapAddTools(8)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(8) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- </div>
- <div class="toolSort" v-if="chapToolsType == 1">
- <div class="tool">
- <div class="whiteBIcon" @click="chapAddTools(7)">
- <img src="../../../assets/icon/secondToolList/mindNetwork.png" alt />
- <div style="margin: 5px 0">思维网格</div>
- </div>
- <div class="check" @click="chapAddTools(7)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(7) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="chapAddTools(1)">
- <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
- <div style="margin: 5px 0">电子白板</div>
- </div>
- <div class="check" @click="chapAddTools(1)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(1) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="chapAddTools(2)">
- <img src="../../../assets/icon/secondToolList/note.png" alt />
- <div style="margin: 5px 0">便签</div>
- </div>
- <div class="check" @click="chapAddTools(2)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(2) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="chapAddTools(6)">
- <img src="../../../assets/icon/secondToolList/doc.png" alt />
- <div style="margin: 5px 0">协同文档</div>
- </div>
- <div class="check" @click="chapAddTools(6)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(6) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="chapAddTools(3)">
- <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
- <div style="margin: 5px 0">思维导图</div>
- </div>
- <div class="check" @click="chapAddTools(3)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(3) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="chapAddTools(31)">
- <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
- <div style="margin: 5px 0">数学画板</div>
- </div>
- <div class="check" @click="chapAddTools(31)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(31) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- </div>
- <div class="toolSort" v-if="chapToolsType == 2">
- <div class="tool">
- <div class="whiteBIcon" @click="chapAddTools(5)">
- <img src="../../../assets/icon/thirdToolList/score.png" alt />
- <div style="margin: 5px 0">量规评分</div>
- </div>
- <div class="check" @click="chapAddTools(5)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(5) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- <div class="tool">
- <div class="whiteBIcon" @click="openTools(chapCount, 4, null)">
- <img src="../../../assets/icon/thirdToolList/ask.png" alt />
- <div style="margin: 5px 0">问卷调查</div>
- </div>
- <div class="check" @click="chapAddTools(4)">
- <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(4) == -1" />
- <div class="checkDiv" v-else>
- <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div>
- <input type="text" placeholder="添加工具描述" class="binfo_input" style="margin: 20px 0; width: 71.5% !important"
- v-model="itemTools.toolDetail" />
- </div>
- </div>
- </div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="dialogVisible4 = false">取 消</el-button>
- <el-button type="primary" @click="addChaptersDataTools">确定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="添加问答" :visible.sync="dialogVisible8" :append-to-body="true" width="500px"
- :before-close="(done) => { closePan(15) }" class="dialog_diy">
- <div>
- <div class="a_add_title" style="
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- justify-content: center;
- ">
- <div style="margin-bottom: 20px; font-size: 20px">问题:</div>
- <!-- <el-input
- v-model="answerQ"
- placeholder="请输入您要问的问题"
- ></el-input> -->
- <textarea rows="1" v-autoHeight="40" type="text" placeholder="请输入您要问的问题" class="binfo_input"
- style="width: 100% !important;border:1px solid #DCDFE6" v-model="answerQ"></textarea>
- </div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="closePan(15)">取 消</el-button>
- <el-button type="primary" @click="addAnswer">确 定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="添加问题" :visible.sync="dialogVisibleMp3" :append-to-body="true" width="500px"
- :before-close="handleClose" class="dialog_diy">
- <div>
- <div class="a_add_title" style="
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- justify-content: center;
- ">
- <div style="margin-bottom: 20px; font-size: 20px">问题:</div>
- <el-input v-model="answerQ" placeholder="请输入您想要回答的问题"></el-input>
- </div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="dialogVisibleMp3 = false">取 消</el-button>
- <el-button type="primary" @click="addMp3Answer">确 定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="上传图片" :visible.sync="choosePicVisible" :append-to-body="true" width="600px"
- :before-close="handleClose" class="dialog_diy">
- <div>
- <div class="fileCss" style="padding-top: 20px">
- <div>
- <button class="info_btn" @click="addImg($event)">
- 选择本地文件
- <input type="file" accept="image/*" style="display: none" @change="beforeUpload1" />
- </button>
- <div class="spanName">选择本地文件</div>
- </div>
- <div>
- <el-button @click="getAllBanner" v-if="isSysPic == false">选择系统文件</el-button>
- <div class="isSysPic" v-if="isSysPic == true && cover.length > 0">
- <img :src="cover[0].url" alt="" />
- <div class="deletePic" @click="deleteSysPic">
- <img src="../../../assets/icon/delete.png" alt="" />
- </div>
- </div>
- <div class="spanName">选择系统文件</div>
- </div>
- <div>
- <el-button @click="searchImageValue = courseName, resetImage()" v-if="isSysPic2 == false">选择网络文件</el-button>
- <div class="isSysPic" v-if="isSysPic2 == true && cover.length > 0">
- <img :src="cover[0].url" alt="" />
- <div class="deletePic" @click="deleteSysPic">
- <img src="../../../assets/icon/delete.png" alt="" />
- </div>
- </div>
- <div class="spanName">选择网络文件</div>
- </div>
- </div>
- <!-- <div class="fileCss">
- <div>选择本地文件</div>
- <div>选择系统文件</div>
- </div> -->
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="choosePicVisible = false">取 消</el-button>
- <el-button type="primary" @click="choosePicVisible = false">确 定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="选择系统文件" :visible.sync="sysPicVisible" :append-to-body="true" width="710px"
- :before-close="handleClose" class="dialog_diy">
- <div class="cru_selectBox" style="margin: 0">
- <div @click="getChoosePic(1)" class="cru_select" :class="chooseType == 1 ? 'cru_selected' : ''">
- 绘画
- </div>
- <div @click="getChoosePic(2)" class="cru_select" :class="chooseType == 2 ? 'cru_selected' : ''">
- 科技
- </div>
- <div @click="getChoosePic(3)" class="cru_select" :class="chooseType == 3 ? 'cru_selected' : ''">
- 人文
- </div>
- <div @click="getChoosePic(4)" class="cru_select" :class="chooseType == 4 ? 'cru_selected' : ''">
- 艺术
- </div>
- </div>
- <div class="sysPicBox">
- <div v-for="(sys, sysIndex) in sysPic" :key="sysIndex" class="sysPic">
- <img :src="sys.poster" alt="" @click="chooseSysPic(sys.poster)" />
- </div>
- </div>
- </el-dialog>
- <el-dialog title="选择网络文件" :visible.sync="sysPicVisible2" :append-to-body="true" width="710px"
- :before-close="handleClose" class="dialog_diy">
- <div>
- <div class="people_top_right" style="display: flex;align-items: center;">
- <div style="position: relative; width: 100%;">
- <el-input style="height: 100%" placeholder="搜索图片关键字" v-model="searchImageValue"
- @keyup.enter.native="resetImage()"></el-input>
- <div class="search_img" @click="resetImage" style="right: 10px;">
- <img src="../../../assets/icon/search.png" alt />
- </div>
- </div>
- <el-button type="primary" size="default" style="margin-left: 10px;" @click="changePicture">换一组</el-button>
- </div>
- <div class="sysPicBox" v-loading="imageloading">
- <div class="picNone" v-if="!imageList.length">请输入关键词搜索图片</div>
- <div v-for="(sys, sysIndex) in imageList" :key="sysIndex" class="sysPic">
- <img :src="sys.url" alt="" @click="chooseSysPic2(sys.url)" />
- </div>
- </div>
- </div>
- </el-dialog>
- <el-dialog title="选择匹配" :visible.sync="dialogVisibleSelect" :append-to-body="true" width="800px"
- :before-close="(done) => { closePan(41) }" class="dialog_diy dialog_diy3 fullStyle">
- <div v-if="selectJson" style="height:100%">
- <div class="select_box1" v-if="selectSteps == 1">
- <div class="select_box1_img">
- <div class="select_box1_title">
- <span>上传题目图片</span><span>提示：请将所有题目上传为一张图片。</span>
- </div>
- <div class="select_box1_add_img">
- <div class="uploadFm" @click="addImg($event)" v-if="!selectJson.url">
- <input type="file" accept="image/*" style="display: none" @change="beforeUploadSelect" />
- <img src="../../../assets/icon/addPoster.png" alt="" />
- </div>
- <div class="isSysPic" v-else>
- <img :src="selectJson.url" alt="" @click="previewImg(selectJson.url)" />
- <div class="deletePic" @click="deleteSelectPic">
- <img src="../../../assets/icon/delete.png" alt="" />
- </div>
- </div>
- </div>
- </div>
- <div class="select_box1_select">
- <div class="select_box1_title">
- <span>添加选项</span><span>提示：请输入以上题目的选项内容，此选项为所有题目共享。</span>
- </div>
- <div class="select_box1_select_box">
- <el-input v-for="(item2, checkIndex) in selectJson.select" :key="checkIndex"
- v-model="selectJson.select[checkIndex]" placeholder="请输入选项"
- style="width: 150px; margin: 10px 10px 0 0"></el-input>
- <div class="select_box1_select_box_add">
- <el-button style="margin: 10px 0px 0 0" type="primary" size="small" @click="addSelectList(selectJson)">
- 添加</el-button>
- <el-button type="primary" size="small" style="margin: 10px 0 0 0" @click="deleteSelectList(selectJson)"
- v-if="selectJson.select && selectJson.select.length > 0">删除</el-button>
- </div>
- </div>
- </div>
- </div>
- <div v-if="selectSteps == 2" style="height:100%">
- <div class="select_box2">
- <div class="select_box2_title">设置每道题目的正确选项</div>
- <div class="select_box2_box">
- <div class="select_box2_img">
- <img :src="selectJson.url" alt="" @click="previewImg(selectJson.url)" />
- </div>
- <div class="select_box2_answer">
- <div class="select_answer_title">根据题目选择对应答案</div>
- <div class="select_box2_answer_box" v-for="(item2, checkIndex) in selectJson.select" :key="checkIndex">
- <span>{{ checkIndex + 1 }}、</span>
- <el-select v-model="selectJson.answer[checkIndex]" placeholder="请选择正确答案">
- <el-option v-for="(e, eIndex) in selectJson.select" :key="eIndex" :label="e" :value="eIndex">
- </el-option>
- </el-select>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button type="primary" @click="nextSelectSteps()" v-if="selectSteps == 1">下一步</el-button>
- <el-button @click="selectSteps--" v-if="selectSteps == 2">上一步</el-button>
- <el-button type="primary" @click="addSelectAnswer" v-if="selectSteps == 2">确 定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="添加评价" :visible.sync="dialogVisibleRate" :append-to-body="true" width="650px"
- :before-close="handleClose" class="dialog_diy">
- <div style="background: #fff; padding: 15px; box-sizing: border-box">
- <div style="font-size: 18px; color: #a9a9a9">请输入个人评价指标:</div>
- <div class="pjCss" style="width: 100%">
- <div v-if="rateJson.length" class="elist_input" style="height: 360px; overflow: auto">
- <div v-for="(eItem, eIndex) in rateJson" :key="eIndex" class="elist_input_box">
- <span style="min-width: 100px; text-align: right">个人评价指标：</span>
- <input type="input" v-model="eItem.value" placeholder="填写评价名称" />
- <div class="remove" @click="deletRateList(eIndex)"></div>
- <div style="width: 100%; display: flex">
- <span style="min-width: 100px; text-align: right">评星等级：</span>
- <el-rate v-model="eItem.score" disabled></el-rate>
- </div>
- <div class="elist_inptu_text" style="align-items: flex-start">
- <span style="min-width: 100px; text-align: right">描述：</span>
- <textarea class="rate_textarea" :rows="3" v-model="eItem.detail" placeholder="填写评价描述"></textarea>
- </div>
- </div>
- </div>
- <div class="addToolFun" @click="addRateList()">
- <div class="addToolImg">
- <img src="../../../assets/icon/add.png" alt />
- </div>
- <div>添加</div>
- </div>
- </div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="dialogVisibleRate = false">取 消</el-button>
- <el-button type="primary" @click="addRateAnswer">确 定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="排序设置" :visible.sync="dialogVisibleSentence" :append-to-body="true" width="1000px"
- :before-close="(done) => { closePan(47) }" class="dialog_diy dialog_diy3 fullStyle">
- <div style="height: 100%;">
- <div class="sentenBox" style="height: 100%;">
- <div class="addSen" @click="addSt">添加题目</div>
- <div v-for="(st, stIndex) in sentenceList" :key="stIndex" class="sentenContent">
- <div class="sentenTopBox">
- <div class="sentenTop" :index="stIndex + 1">
- <div>题目设置</div>
- <div>
- <el-input placeholder="请输入卡片内容" v-model="st.sentenceTitle" :maxlength="10"></el-input>
- </div>
- <div @click="addSen(stIndex)">添加</div>
- <div class="remove1" v-if="sentenceList.length > 1" @click="deleteSentence(stIndex)"></div>
- </div>
- </div>
- <div class="cardList">
- <div v-if="st.addSentence.length > 0" class="cardBox">
- <div class="isCard" v-for="(s, sIndex) in st.addSentence" :key="sIndex"
- @click="setRightAnswer(s, stIndex, sIndex)">
- <el-tooltip class="item" effect="light" :content="s" placement="top">
- <div>{{ s }}</div>
- </el-tooltip>
- <div class="deleteWord" @click.stop="deleteS(s, stIndex, sIndex)">
- <img src="../../../assets/icon/delete.png" alt="" />
- </div>
- </div>
- </div>
- <div class="card">
- <img src="../../../assets/icon/conSentences/noTitle.png" alt="" />
- </div>
- </div>
- <div class="rightCardBox">
- <div>正确顺序</div>
- <div class="rightCardList">
- <div v-if="st.rightAnswer.length > 0" class="cardBox">
- <div v-for="(r, rIndex) in st.rightAnswer" :key="rIndex" class="cardCss">
- <div class="isCard1" @click="returnCard(r, stIndex, rIndex)">
- <el-tooltip class="item" effect="light" :content="r" placement="top">
- <div>{{ r }}</div>
- </el-tooltip>
- </div>
- <div>{{ rIndex + 1 }}</div>
- </div>
- </div>
- <div class="card" v-if="st.rightAnswer.length == 0">
- <img src="../../../assets/icon/conSentences/noAnswer.png" alt="" />
- </div>
- <div class="card" v-else>
- <img src="../../../assets/icon/conSentences/clickNo.png" alt="" />
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="closePan(47)">取 消</el-button>
- <el-button type="primary" @click="addSentenceTool">确 定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="添加表格" :visible.sync="dialogVisibleTable" :append-to-body="true" width="95%"
- :before-close="handleClose" class="dialog_diy">
- <el-form>
- <!-- <el-form-item label="文本标题">
- <el-input v-model="AttText.title" auto-complete="off" @input="change2" placeholder="请输入文本标题..."></el-input>
- </el-form-item> -->
- <div>表格内容</div>
- <Table v-model="tableJson.text" @change="change"></Table>
- </el-form>
- <span slot="footer" class="dialog-footer">
- <!-- <el-button @click="dialogVisibleTable = false">取 消</el-button>
- <el-button type="primary" @click="addTableJson">确定</el-button> -->
- <el-button type="primary" @click="addTableJson">上传模板</el-button>
- </span>
- </el-dialog>
- <el-dialog title="添加文档" :visible.sync="dialogVisibleWord" :append-to-body="true" width="800px"
- :before-close="handleClose" class="dialog_diy">
- <el-form>
- <!-- <el-form-item label="文本标题">
- <el-input v-model="AttText.title" auto-complete="off" @input="change2" placeholder="请输入文本标题..."></el-input>
- </el-form-item> -->
- <div>文档内容</div>
- <editor-bar v-model="wordJson.text"></editor-bar>
- </el-form>
- <span slot="footer" class="dialog-footer">
- <!-- <el-button @click="dialogVisibleWord = false">取 消</el-button> -->
- <el-button type="primary" @click="addWordJson">上传模板</el-button>
- </span>
- </el-dialog>
- <el-dialog title="添加班级" :visible.sync="dialogVisibleMoreUpload" :append-to-body="true" width="30%"
- :before-close="handleClose" class="dialog_diy">
- <div style="
- width: 100%;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- align-items: center;
- justify-content: center;
- ">
- <div>班级：</div>
- <el-select multiple v-model="uploadJson" placeholder="请选择">
- <el-option v-for="item in classJuri" :key="item.id" :label="item.name" :value="item.id">
- </el-option>
- </el-select>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="dialogVisibleMoreUpload = false">取 消</el-button>
- <el-button type="primary" @click="addMoreUpload">确定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="设置随机码" :visible.sync="dialogVisibleInvite" :append-to-body="true" width="360px"
- :before-close="handleClose" class="dialog_diy">
- <div style="
- width: 100%;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- align-items: center;
- justify-content: center;
- ">
- <div>随机码：</div>
- <el-input v-model="icode" style="width: 240px" placeholder="请输入随机码"></el-input>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="dialogVisibleInvite = false">取 消</el-button>
- <el-button type="primary" @click="addInvite">确定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="添加预设时间" :visible.sync="dialogVisiblePreTime" :append-to-body="true" width="450px"
- :before-close="handleClose" class="dialog_diy">
- <div>
- <div style="margin-bottom: 20px;color: #999;">提示：点击“+”或“-”修改倒计时时长。</div>
- <Time :preTime="preTime" @updateTimeNum="updateTime" v-if="dialogVisiblePreTime"></Time>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="dialogVisiblePreTime = false">取 消</el-button>
- <el-button type="primary" @click="addPreTime">确定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="导入目标" :visible.sync="dialogVisiblemb" :append-to-body="true" width="70%" :before-close="handleClose"
- class="dialog_diy">
- <div>
- <div style="
- width: 100%;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- align-content: center;
- align-items: center;
- justify-content: space-between;
- ">
- <div style="
- display: flex;
- flex-flow: row nowrap;
- align-items: flex-start;
- width: 100%;
- flex-direction: column;
- flex-wrap: nowrap;
- position: relative;
- ">
- <div class="e_box">
- <div class="e_card" v-for="(item, index) in evaJuri" :key="index">
- <div class="e_card_picture">
- <img src="../../../assets/e_picture.png" />
- </div>
- <div class="e_card_name">
- <span>{{ item.title }}</span>
- </div>
- <div class="e_card_btn">
- <span @click="checkEva(item.id, 2)">导入</span>
- </div>
- </div>
- <div class="addEva" @click="openT">
- <img src="../../../assets/icon/addEva.png" alt="" />
- </div>
- <div v-if="evaJuri.length === 0" style="margin: 0 auto; color: #6e6e6e">
- 暂无数据
- </div>
- </div>
- </div>
- </div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="dialogVisiblemb = false">取 消</el-button>
- </span>
- </el-dialog>
- <el-dialog title="分组设置" :visible.sync="dialogVisibleGroup" :append-to-body="true" width="650px"
- :before-close="handleClose" class="dialog_diy">
- <div class="groupBox">
- <div v-if="groupJson.group" class="groupContent">
- <div class="groupTitle">请设置小组数量及名称</div>
- <div v-for="(item, index) in groupJson.group" :key="index" class="groupName">
- <span class="groupn">第{{ index + 1 }}组名称:</span>
- <el-input v-model="item.name" placeholder="请输入名称..." style="width: 250px"></el-input>
- <div class="groupBtn">
- <el-button type="primary" size="small" @click="addGroup(index)" v-if="groupJson.group.length - 1 == index">
- 添加</el-button>
- <el-button type="primary" size="small" @click="deleteGroup(index)"
- v-if="groupJson.group && groupJson.group.length > 1">删除</el-button>
- </div>
- </div>
- </div>
- <div class="groupContent">
- <div class="groupTitle">请设置每组人数</div>
- <!-- <el-input v-model="groupJson.number" placeholder="2-10人以内"
- style="width: 150px; margin: 10px 10px 0 0"></el-input> -->
- <el-input v-model="groupJson.number" style="width:150px" placeholder="请输入2-10的数字"
- @change="numberPan"></el-input>
- </div>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="dialogVisibleGroup = false">取 消</el-button>
- <el-button type="primary" @click="addGroupJson">确定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="修改名称" :visible.sync="dialogVisibleupdataVideoT" :append-to-body="true" width="500px"
- :before-close="handleClose" class="dialog_diy">
- <div style="
- width: 100%;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- align-items: center;
- justify-content: center;
- ">
- <div style="min-width: fit-content;">文件名称：</div>
- <el-input v-model="line" placeholder="请输入要修改的名称"></el-input>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="dialogVisibleupdataVideoT = false">取 消</el-button>
- <el-button type="primary" @click="updataVideoC">确 定</el-button>
- </span>
- </el-dialog>
- <el-dialog title="创建作文题目" :visible.sync="englishDialogVisible" :append-to-body="true" width="800px"
- :before-close="(done) => { closePan(69) }" class="dialog_diy fullStyle">
- <englishRight @setEngList="setEnglishList" :englishList="englishList"></englishRight>
- <span slot="footer" class="dialog-footer">
- <el-button @click="englishDialogVisible = false">取 消</el-button>
- <el-button type="primary" @click="addEnglish">确 定</el-button>
- </span>
- </el-dialog>
- <interVideo :dialogVisibleVideo.sync="dialogVisibleVideo" :videoJson="videoJson" @add="addVideoJson"></interVideo>
- </div>
- </template>
- <script>
- import "../../../common/aws-sdk-2.235.1.min.js";
- import { tools as toolsData } from "../../../common/tools.js";
- import $ from "jquery";
- import EditorBar from "../../../components/tools/wangEnduit";
- import Table from "../../../components/tools/table";
- import Mind from "../../tools/jsmind2";
- import Time from "../../tools/time.vue";
- import Sunburst from "../../tools/sunburst";
- import SeeBoard from "../../tools/seeBoard";
- import weilaiData from "../components/weilai.js";
- import sourceDialog from "../teacherSource/dialog.vue";
- import interVideo from "../interVideo/index.vue";
- import englishRight from "./commpont/englishRight.vue";
- export default {
- components: {
- EditorBar,
- Mind,
- Time,
- Sunburst,
- SeeBoard,
- Table,
- sourceDialog,
- interVideo,
- englishRight,
- },
- data() {
- return {
- checkAll: false,
- chooseType: 1,
- checkedCities: [],
- isIndeterminate: true,
- isSysPic: false,
- isSysPic2: false,
- steps: 1,
- nbOrder: 0,
- courseId: "",
- chapToolsType: 0,
- chapTools: [
- {
- tools: [],
- toolDetail: "",
- },
- ],
- line: "",
- lineTitle: "",
- sysPic: [],
- sentenceList: [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }],
- sentenceList2: [],
- isPushTitleList: [],
- lineCount: 0,
- lineType: 0,
- chapCount: 0,
- courseName: "",
- isTeacherSee: false,
- courseText: "",
- preTime: 0,
- formLabelWidth: "100px",
- choosePicVisible: false,
- sysPicVisible: false,
- uploadLoading1: false,
- noneBtnImg: false,
- updateBoolean2: false,
- unitIndex: 0,
- taskCount: 0,
- dialogVisible: false,
- dialogVisible1: false,
- dialogVisible2: false,
- dialogVisible3: false,
- dialogVisible4: false,
- dialogVisible5: false,
- dialogVisible6: false,
- dialogVisible7: false,
- dialogVisible8: false,
- dialogVisible9: false,
- dialogVisibleClass: false,
- dialogVisibleMember: false,
- dialogVisibleMp3: false,
- dialogVisibleSelect: false,
- dialogVisibleSentence: false,
- dialogVisibleRate: false,
- dialogVisibleChoice: false,
- dialogVisiblemb: false,
- dialogVisibleInvite: false,
- dialogVisibleSource: false,
- dialogVisibleVideo: false,
- dialogVisibleupdataVideoT: false,
- englishDialogVisible: false,
- isClickColor: 1,
- toolIndexType: "",
- publicTool: 0,
- searchPeople: "",
- searchTN: "",
- userid: this.$route.query.userid,
- oid: this.$route.query.oid,
- org: this.$route.query.org,
- role: this.$route.query.role,
- cid: this.$route.query.cid != undefined ? this.$route.query.cid : "",
- dialogVisibleTable: false,
- dialogVisibleWord: false,
- tableJson: { text: "" },
- wordJson: { text: "" },
- dialogVisibleMoreUpload: false,
- dialogVisiblePreTime: false,
- uploadJson: [],
- classJuri: [],
- gradeList: [],
- cover: [], //课程封面
- myWord: [],
- evaJuri: [],
- evalua: "",
- targetArray: [],
- eTitle: "",
- eJson: {},
- fid: "", //一级
- sid: "", //二级
- tid: "", //二级
- typeMode: 1,
- eJSONNum: 0,
- data: {
- meta: {
- name: "example",
- author: "dd@163.com",
- version: "0.2",
- },
- format: "node_array",
- data: [{ id: "root", isroot: true, topic: "" }],
- },
- askJson: {
- askCount: 1,
- askTitle: "",
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
- },
- askJson2: {},
- testJson: {},
- testJson2: {},
- selectJson: {},
- selectJson2: {},
- rateJson: [],
- unitJson2: [],
- unitJson: [
- {
- dyName: "", //单元标题
- chapterInfo: [
- {
- isread: false,
- chapterid: this.guid(),
- title: "",
- courseName: "",
- taskJson: [
- {
- task: "",
- taskDetail: "",
- chapterData: [],
- toolChoose: [
- {
- tool: [],
- toolDetail: "",
- toolType: 0,
- askCount: 1,
- askTitle: "",
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
- },
- ],
- toolText: "",
- isShowTools: false,
- askCount: 1,
- isFold: 0,
- askTitle: "",
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
- checkJson: [{ checkCount: [], checkPerent: [] }],
- homeworkList: [],
- },
- ],
- itemCount: 1,
- fileList1: [],
- video: [],
- testData: [],
- pData: [],
- templateArray: [],
- },
- ],
- },
- ],
- studentJuri: [],
- teacherJuri: [],
- checkboxList: [],
- checkboxList2: [],
- checkboxList3: [],
- classSearch: "",
- gradeId: "",
- number: "",
- tTitle: "",
- tdetail: "",
- templateC: {},
- AttText: {},
- AttTextType: 0,
- AttTextIndex: 0,
- cTemplate: "",
- CourseType: [],
- CourseType2: [],
- CourseTypeJson: {},
- courseTypeId: [],
- courseTypeSon: [],
- clearArray: [],
- pTypeCheck: [],
- pTypeCheckName: [],
- loading: false,
- toolType: 0,
- inputShow: true,
- inputShow2: true,
- toolIndex: 0,
- cidType: 0,
- answerQ: "",
- answerQ2: "",
- grade: [],
- grade2: [],
- courseUserid: "",
- timer: null,
- timer2: null,
- pasteTimer: null,
- checkId: "",
- isDelete: 1,
- addindex: 0,
- selectSteps: 1,
- groupJson: {},
- dialogVisibleGroup: false,
- rightBoxHeight: 0,
- ManAarray: [],
- checkBoolean: false,
- inviteCode: [],
- inviteId: "",
- icode: "",
- easyArray: [2, 4],
- sourceData: {},
- updateSourcePan: false,
- videoJson: {},
- isBtnDisplay: false,
- isPasteTask: false,
- isPasteChoice: false,
- sysPicVisible2: false,
- imageloading: false,
- searchImageValue: "",
- ppage: 1,
- imageList: [],
- heightPx: '100%',
- toolsData: toolsData,
- oldIndex: 0,
- oldData: null,
- newIndex: "",
- englishList:{},
- typeIndex: "",
- };
- },
- directives: {
- autoHeight: {
- update(el, binding) {
- const { value } = binding
- if (value && typeof value === 'number') {
- el.style.height = `${value}px`
- } else {
- el.style.height = 'auto'
- }
- },
- componentUpdated(el) {
- el.style.height = `${el.scrollHeight + 5}px`
- },
- },
- },
- computed: {
- // rightBoxHeight: function () {
- // return $(".rightBox")[0] ? $(".rightBox")[0].scrollHeight : 1000
- // },
- offsetLetfPx: function () {
- //addnum可以直接在模板语法里面用，相当于data内的值
- return (
- $(".cru_select")[this.unitIndex] &&
- $(".cru_select")[this.unitIndex].offsetLeft
- );
- },
- getMan2() {
- return function (people) {
- let _people = people;
- let _people2 = "";
- if (this.ManAarray.length) {
- for (var i = 0; i < this.ManAarray.length; i++) {
- if (this.ManAarray[i].userid == people) {
- _people2 = this.ManAarray[i].name;
- break;
- }
- }
- }
- if (people == this.courseUserid) {
- return "";
- }
- return this.ManAarray.length ? _people2 : "";
- };
- },
- isInvite() {
- return function (cid) {
- let array = [];
- for (var i = 0; i < this.inviteCode.length; i++) {
- array.push(this.inviteCode[i].cid);
- }
- return array.indexOf(cid) != -1;
- };
- },
- getInviteCodeC() {
- return function (cid) {
- let array = [];
- for (var i = 0; i < this.inviteCode.length; i++) {
- array.push(this.inviteCode[i].cid);
- }
- return this.inviteCode[array.indexOf(cid)].ic;
- };
- },
- getClassC() {
- return function (c) {
- let _c2 = "";
- if (this.grade.length) {
- for (var i = 0; i < this.grade.length; i++) {
- if (this.grade[i].id == c) {
- _c2 = this.grade[i].name;
- break;
- }
- }
- }
- return this.grade.length ? _c2 : "";
- };
- },
- getListClassC() {
- return function (list) {
- let _c2 = [];
- if (this.grade.length) {
- for (var j = 0; j < list.length; j++) {
- let c = list[j]
- for (var i = 0; i < this.grade.length; i++) {
- if (this.grade[i].id == c) {
- _c2.push(this.grade[i].name);
- break;
- }
- }
- }
- }
- return this.grade.length ? _c2.join('、') : "";
- };
- },
- },
- watch: {
- unitIndex(newValue, oldValue) {
- if (this.isDelete == 2) {
- this.isDelete = 1;
- return;
- }
- if (this.cid != "") {
- let _unitIndex = oldValue;
- if (
- JSON.stringify(this.unitJson2[_unitIndex]) ==
- JSON.stringify(this.unitJson[_unitIndex])
- ) {
- this.$refs.rightboxR.scrollTop = 0;
- return;
- }
- let cPan = 1;
- for (
- var j = 0;
- j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length;
- j++
- ) {
- this.unitJson[_unitIndex].chapterInfo[0].taskJson[
- j
- ].proVisible = false;
- this.unitJson[_unitIndex].chapterInfo[0].taskJson[
- j
- ].proVisible2 = false;
- if (
- this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
- .length > 1
- ) {
- for (
- var z = 0;
- z <
- this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
- .length;
- z++
- ) {
- if (
- !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j]
- .toolChoose[z].tool.length
- ) {
- this.$message.error("请把工具添加完整");
- cPan = 2;
- break;
- }
- }
- }
- if (this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList) {
- this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList =
- this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList.filter(
- (ele) => {
- return ele.value != "";
- }
- );
- }
- }
- if (cPan == 2) {
- this.unitIndex = oldValue;
- return;
- }
- for (var i = 0; i < this.unitJson.length; i++) {
- if (this.addindex != i) {
- delete this.unitJson[i].isUpdate;
- }
- }
- this.$refs.rightboxR.scrollTop = 0;
- this.addindex = -1;
- let params = [
- {
- cid: this.cid,
- chapters: JSON.stringify(this.unitJson),
- uid: this.userid,
- unitIndex: _unitIndex,
- },
- ];
- this.ajax
- .post(this.$store.state.api + "updateWorkNew4", params)
- .then((res) => {
- // this.$message({
- // message: "修改成功",
- // type: "success",
- // });
- // this.courseId = this.cid;
- })
- .catch((err) => {
- this.$message.error("网络不佳");
- console.error(err);
- });
- }
- },
- steps(newValue) {
- if (newValue == 4) {
- this.goTo(
- "/course?userid=" +
- this.userid +
- "&oid=" +
- this.oid +
- "&org=" +
- this.org +
- "&role=" +
- this.role
- );
- }
- },
- },
- methods: {
- openAI() {
- window.parent.postMessage({ tools: "64" }, "*");
- },
- setMan() {
- // let teacherJuri = this.teacherJuri2;
- this.ManAarray = [];
- let _user = JSON.parse(JSON.stringify(this.checkboxList3));
- if (_user.indexOf(this.userid) == -1) {
- _user.push(this.userid);
- }
- if (_user.indexOf(this.courseUserid) == -1) {
- _user.push(this.courseUserid);
- }
- let params = {
- uid: _user.join(","),
- };
- this.ajax
- .get(this.$store.state.api + "getAllUserById", params)
- .then((res) => {
- let teacherJuri = res.data[0];
- this.ManAarray = teacherJuri;
- })
- .catch((err) => {
- console.error(err);
- });
- },
- previewImg(url) {
- this.$hevueImgPreview(url);
- },
- btnDisplay(bool) {
- this.isBtnDisplay = bool
- },
- scrollChange() {
- this.rightBoxHeight = $(".rightBox")[0].scrollHeight;
- // document.querySelector('.course_left').scrollHeight
- // document.querySelector('.stepsBottom2').scrollHeight
- let stepsBottom2 = $(".stepsBottom2")[0].clientHeight;
- // let client = $(".course_left")[0].clientHeight - stepsBottom2
- let client = $(".course_left")[0].clientHeight - stepsBottom2;
- let maxheight = $('.whiteBg')[0].offsetHeight + $('.whiteBg')[1].offsetHeight + 120
- let top = $(".rightBox")[0].scrollTop - maxheight;
- // if (top < client) {
- // $('.stepsBottom2')[0].style.position = 'absolute'
- // $('.stepsBottom2')[0].style.top = 0 + 'px'
- // // $('.stepsBottom2')[0].style.top = client + 'px'
- // } else
- if (top > 0) {
- let top = $(".rightBox")[0].offsetTop;
- $(".stepsBottom2")[0].style.position = "fixed";
- $(".stepsBottom2")[0].style.top = top + "px";
- this.heightPx = $(".rightBox")[0].offsetHeight - 40 + 'px'
- // $('.stepsBottom2')[0].style.top = top + 'px'
- } else {
- $(".stepsBottom2")[0].style.position = "absolute";
- $(".stepsBottom2")[0].style.top = "0px";
- this.heightPx = $(".basic_box2")[0].offsetHeight - 50 + 'px'
- }
- const clientHeight = $(".rightBox")[0].clientHeight;
- const scrollTop = $(".rightBox")[0].scrollTop;
- const scrollHeight = $(".rightBox")[0].scrollHeight;
- if ((clientHeight + scrollTop > (scrollHeight - 10)) && (top > 0)) {
- this.heightPx = $(".rightBox")[0].offsetHeight - 130 + 'px'
- }
- },
- addHw(e) {
- var el = e.currentTarget;
- el.getElementsByTagName("input")[0].click();
- },
- change(val) {
- if (this.dialogVisible1) {
- this.tdetail = val
- } else if (this.dialogVisible6) {
- this.AttText.text = val
- } else if (this.dialogVisible2) {
- this.cTemplate = val
- } else if (this.dialogVisibleTable) {
- this.tableJson.text = val
- }
- this.$forceUpdate();
- console.log(val);
- },
- change2(val) {
- console.log(val);
- this.$forceUpdate();
- },
- handleClose(done) {
- done();
- },
- closePan(tool) {
- if (tool == 15) {
- if (JSON.stringify(this.answerQ) == JSON.stringify(this.answerQ2)) {
- this.dialogVisible8 = false
- } else {
- this.closeConfirm(tool);
- }
- } else if (tool == 4) {
- if (JSON.stringify(this.askJson) == JSON.stringify(this.askJson2)) {
- this.dialogVisible5 = false
- } else {
- this.closeConfirm(tool);
- }
- } else if (tool == 45) {
- if (JSON.stringify(this.testJson) == JSON.stringify(this.testJson2)) {
- this.dialogVisibleChoice = false
- } else {
- this.closeConfirm(tool);
- }
- } else if (tool == 41) {
- if (JSON.stringify(this.selectJson) == JSON.stringify(this.selectJson2)) {
- this.dialogVisibleSelect = false
- } else {
- this.closeConfirm(tool);
- }
- } else if (tool == 47) {
- if (JSON.stringify(this.sentenceList) == JSON.stringify(this.sentenceList2)) {
- this.dialogVisibleSentence = false
- } else {
- this.closeConfirm(tool);
- }
- }else if (tool == 69){
- if (JSON.stringify(this.englishList) == JSON.stringify(this.englishList)) {
- this.englishDialogVisible = false
- } else {
- this.closeConfirm(tool);
- }
- }
- },
- closeConfirm(tool) {
- this
- .$confirm("是否保存已编辑内容？", "提示", {
- confirmButtonText: "保存",
- cancelButtonText: "不保存",
- type: "warning",
- })
- .then(() => {
- if (tool == 15) {
- this.addAnswer();
- } else if (tool == 4) {
- this.addAsk();
- } else if (tool == 45) {
- this.addTest();
- } else if (tool == 41) {
- this.addSelectAnswer();
- } else if (tool == 47) {
- this.addSentenceTool();
- }else if(tool == 69){
- this.addEnglish();
- }
- })
- .catch(() => {
- if (tool == 15) {
- this.dialogVisible8 = false;
- } else if (tool == 4) {
- this.dialogVisible5 = false;
- } else if (tool == 45) {
- this.dialogVisibleChoice = false;
- } else if (tool == 41) {
- this.dialogVisibleSelect = false;
- } else if (tool == 47) {
- this.dialogVisibleSentence = false;
- } else if (tool == 69) {
- this.englishDialogVisible = false;
- }
- });
- },
- addEnglish(){
- if(this.englishList.engTitle == "" || this.englishList.englishText == ""){
- this.$message.error("请将内容填写完整!");
- return;
- }
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].toolChoose[this.toolIndex].englishList = this.englishList;
- this.englishList = {};
- this.englishDialogVisible = false;
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
- .toolChoose[this.toolIndex].tool != 69
- ) {
- this.addTools(69, this.taskCount, this.toolIndex);
- }
- },
- setEnglishList(engList){
- this.englishList = engList;
- },
- imgChange2(i, j) {
- var _tmp = this.testJson.testJson[i].checkList[j];
- this.noneBtnImg = _tmp.length >= 1;
- },
- imgChange3(i) {
- var _tmp = this.testJson.testJson[i];
- this.noneBtnImg = _tmp.length >= 1;
- },
- imgChange1(file, fileList, type, itemTaskIndex) {
- if (type == 1) {
- var _tmp = this.cover;
- } else if (
- type == 2 ||
- type == 3 ||
- type == 6 ||
- type == 7 ||
- type == 8
- ) {
- var _tmp =
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .chapterData;
- } else if (type == 4) {
- var _tmp = this.unitJson[this.unitIndex].chapterInfo[0].fileList1;
- } else {
- var _tmp =
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .homeworkList;
- }
- this.noneBtnImg = _tmp.length >= 1;
- },
- goTo(path) {
- this.$router.push(path);
- },
- guid() {
- var _num,
- i,
- _guid = "";
- for (i = 0; i < 32; i++) {
- _guid += Math.floor(Math.random() * 16).toString(16); //随机0 - 16 的数字 转变为16进制的字符串
- _num = Math.floor((i - 7) / 4); //计算 (i-7)除4
- if (_num > -1 && _num < 4 && i == 7 + 4 * _num) {
- //会使guid中间加 "-" 形式为xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
- _guid += "-";
- }
- }
- return _guid;
- },
- lastSteps() {
- this
- .$confirm("是否保存已编辑内容？", "提示", {
- confirmButtonText: "保存",
- cancelButtonText: "不保存",
- distinguishCancelAndClose: true,
- type: "warning",
- })
- .then(() => {
- if (this.cid == "" || this.cid == undefined) {
- if (this.courseName == "") {
- this.$message.error("请补充填写课程名称");
- return;
- } else {
- this.addWork();
- }
- } else {
- if (this.courseName == "") {
- this.$message.error("请补充填写课程名称");
- return;
- } else {
- if (this.userid != this.courseUserid && this.role != "1") {
- this.updateWork2();
- } else {
- this.updateWork();
- }
- }
- }
- })
- .catch((v) => {
- console.log(v)
- if(v == "cancel"){
- this.goTo(
- "/course?userid=" +
- this.userid +
- "&oid=" +
- this.oid +
- "&org=" +
- this.org +
- "&role=" +
- this.role
- );
- }
- });
- },
- nextSteps() {
- if (this.cid == "" || this.cid == undefined) {
- if (this.courseName == "") {
- this.$message.error("请补充填写课程名称");
- return;
- } else {
- this.addWork();
- }
- } else {
- if (this.courseName == "") {
- this.$message.error("请补充填写课程名称");
- return;
- } else {
- if (this.userid != this.courseUserid && this.role != "1") {
- this.updateWork2();
- } else {
- this.updateWork();
- }
- }
- }
- this.$refs.stepBox.scrollTop = 0;
- },
- unitSet(i) {
- this.unitIndex = i;
- // this.$refs.rightboxR.scrollTop = 0;
- },
- time() {
- if (!this.now) {
- this.now = new Date().getTime();
- return true;
- } else {
- let time = new Date().getTime();
- if (time - this.now > 3000) {
- this.now = time;
- return true;
- } else {
- return false;
- }
- }
- },
- deleteUnit(i) {
- var _this = this;
- if (_this.time()) {
- _this
- .$confirm("确定删除此单元吗?", "提示", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- _this.isDelete = 2;
- // _this.unitIndex = _this.unitIndex - 1;
- _this.deleteWork(_this.unitJson[i].chapterInfo[0].chapterid);
- // _this.$message.success("删除成功");
- })
- .catch(() => {
- return;
- });
- }
- },
- deleteWork(chapid) {
- let params = [
- {
- cid: this.cid,
- chapters: JSON.stringify(this.unitJson),
- uid: this.userid,
- chapid: chapid,
- },
- ];
- this.ajax
- .post(this.$store.state.api + "deleteWork", params)
- .then((res) => {
- this.$message({
- message: "删除成功",
- type: "success",
- });
- this.unitJson.splice(this.unitIndex, 1);
- this.unitIndex = this.unitIndex - 1;
- })
- .catch((err) => {
- this.$message.error("网络不佳");
- console.error(err);
- });
- },
- deleteTool(itemTaskIndex, i) {
- var _this = this;
- if (_this.time()) {
- _this
- .$confirm("确定删除此工具吗?", "提示", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose.splice(i, 1);
- _this.$message.success("删除成功");
- })
- .catch(() => {
- return;
- });
- }
- },
- deleteSentence(i) {
- var _this = this;
- _this
- .$confirm("确定删除此题目吗?", "提示", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- _this.sentenceList.splice(i, 1);
- _this.$message.success("删除成功");
- })
- .catch(() => {
- return;
- });
- },
- deleteS(s, i, j) {
- this.sentenceList[i].addSentence.splice(j, 1);
- if (this.sentenceList[i].rightAnswer.indexOf(s) != -1) {
- var a = this.sentenceList[i].rightAnswer.indexOf(s);
- this.sentenceList[i].rightAnswer.splice(a, 1);
- }
- },
- openT() {
- window.parent.postMessage({ tools: "25" }, "*");
- },
- deleteTask(i) {
- var _this = this;
- //((_this.unitJson[_this.unitIndex].chapterInfo[0].taskJson.length - 1) == i) ? "确定删除此任务吗?" : "切换任务顺序将删除所有工具的提交成果，是否继续此操作？"
- _this
- .$confirm("确定删除此任务吗?", "提示", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson.splice(i, 1);
- _this.$message.success("删除成功");
- // this.$nextTick(() => {
- // $('.stepsBottom2')[0].style.transition = 'unset'
- // setTimeout(() => {
- // let stepsBottom2 = $(".stepsBottom2")[0].clientHeight
- // let client = $(".basic_box2")[0].clientHeight - stepsBottom2 - 100
- // let top = $('.stepsBottom2')[0].offsetTop - 20
- // if (top > client) {
- // $('.stepsBottom2')[0].style.top = client + 'px'
- // }
- // $('.stepsBottom2')[0].style.transition = 'all .5s'
- // this.$forceUpdate()
- // }, 500)
- // })
- })
- .catch(() => {
- return;
- });
- },
- handlePictureCardPreview(file) {
- this.dialogImageUrl = file.url;
- },
- clean(i, c) {
- this.unitJson[this.unitIndex].chapterInfo[i].fileList1.splice(c, 1);
- },
- handle_remove1(file, fileList, type) {
- var _tmp = this.cover;
- // for (var i = 0, len = _tmp.length; i < len; i++) {
- // if (_tmp[i].uid == file.uid) {
- // _tmp.splice(i, 1);
- // break;
- // }
- // this.cover = _tmp;
- // }
- this.cover = [];
- this.noneBtnImg = this.cover.length >= 1;
- this.isSysPic = false;
- this.isSysPic2 = false;
- this.$forceUpdate();
- },
- addImg(e) {
- var el = e.currentTarget;
- el.getElementsByTagName("input")[0].click();
- e.target.value = "";
- },
- addChaptersTools(i) {
- this.chapTools = [
- {
- tools: [],
- toolDetail: "",
- },
- ];
- this.chapCount = i;
- this.dialogVisible4 = true;
- },
- isNoFinsh() {
- this.$message.warning("功能正在开发中");
- },
- addAttText(i) {
- this.AttText = {
- title: "",
- text: "",
- };
- this.taskCount = i;
- this.AttTextType = 0;
- this.$forceUpdate();
- this.dialogVisible6 = true;
- setTimeout(() => {
- this.$refs['fuInput'].focus();
- }, 100);
- },
- openLine(i) {
- this.line = "";
- this.lineCount = i;
- this.lineType = 0;
- this.$forceUpdate();
- this.dialogVisible7 = true;
- },
- pasteLine(i) {
- navigator.clipboard
- .readText()
- .then((v) => {
- console.log("获取剪贴板成功：", v);
- const html = v;
- const regex = /src="(.*?)"/g;
- const match = regex.exec(html);
- if (match && match[1]) {
- console.log(match[1]);
- this.$message.success("粘贴成功");
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- i
- ].chapterData.push({
- name: "链接",
- title: "嵌入代码",
- url: match[1],
- type: 8,
- });
- } else {
- // console.log("未找到包含 src 属性的 iframe");
- this.$message.error("系统没有找到粘贴对象，请首先复制可用于粘贴的链接。");
- }
- })
- .catch((v) => {
- console.log("获取剪贴板失败: ", v);
- });
- },
- openSource(i) {
- this.lineCount = i;
- this.sourceData = {};
- this.dialogVisibleSource = true;
- this.updateSourcePan = false;
- },
- addSource() {
- if (!Object.keys(this.sourceData).length) {
- this.$message.error("请选择要上传的资源");
- return;
- }
- let keys = Object.keys(this.sourceData);
- for (var i = 0; i < keys.length; i++) {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.lineCount
- ].chapterData.push({
- name: "链接",
- title: this.sourceData[keys[i]].name,
- url: this.sourceData[keys[i]].url,
- type: 14,
- id: keys[i]
- });
- }
- this.$forceUpdate();
- this.dialogVisibleSource = false;
- },
- updateSource() {
- if (!Object.keys(this.sourceData).length) {
- this.$message.error("请选择要上传的资源");
- return;
- }
- let keys = Object.keys(this.sourceData);
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].chapterData[this.lineCount].url = this.sourceData[keys[0]].url;
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].chapterData[this.lineCount].title = this.sourceData[keys[0]].name;
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].chapterData[this.lineCount].id = keys[0];
- this.updateSourcePan = false;
- this.$forceUpdate();
- this.dialogVisibleSource = false;
- },
- deleteM(i, j) {
- this.testJson.testJson[i].timuList.splice(j, 1);
- },
- beforeUploadTiMu(event, i) {
- const loading = this.openLoading();
- var file = event.target.files[0];
- var credentials = {
- accessKeyId: "AKIATLPEDU37QV5CHLMH",
- secretAccessKey: "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",
- }; //秘钥形式的登录上传
- window.AWS.config.update(credentials);
- window.AWS.config.region = "cn-northwest-1"; //设置区域
- var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
- var _this = this;
- if (file) {
- var params = {
- Key:
- file.name.split(".")[0] +
- new Date().getTime() +
- "." +
- file.name.split(".")[file.name.split(".").length - 1],
- ContentType: file.type,
- Body: file,
- "Access-Control-Allow-Credentials": "*",
- ACL: "public-read",
- }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
- var options = {
- partSize: 2048 * 1024 * 1024,
- queueSize: 2,
- leavePartsOnError: true,
- };
- bucket
- .upload(params, options)
- .on("httpUploadProgress", function (evt) {
- //这里可以写进度条
- // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
- })
- .send(function (err, data) {
- loading.close();
- if (err) {
- _this.$message.error("上传失败");
- } else {
- if (_this.testJson.testJson[i].timuList) {
- _this.testJson.testJson[i].timuList.push({
- src: data.Location,
- });
- } else {
- _this.testJson.testJson[i].timuList = [];
- _this.testJson.testJson[i].timuList.push({
- src: data.Location,
- });
- }
- _this.imgChange3(i);
- _this.$forceUpdate();
- }
- });
- }
- },
- beforeUploadTi(event, i, j) {
- const loading = this.openLoading();
- var file = event.target.files[0];
- var credentials = {
- accessKeyId: "AKIATLPEDU37QV5CHLMH",
- secretAccessKey: "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",
- }; //秘钥形式的登录上传
- window.AWS.config.update(credentials);
- window.AWS.config.region = "cn-northwest-1"; //设置区域
- var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
- var _this = this;
- if (file) {
- var params = {
- Key:
- file.name.split(".")[0] +
- new Date().getTime() +
- "." +
- file.name.split(".")[file.name.split(".").length - 1],
- ContentType: file.type,
- Body: file,
- "Access-Control-Allow-Credentials": "*",
- ACL: "public-read",
- }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
- var options = {
- partSize: 2048 * 1024 * 1024,
- queueSize: 2,
- leavePartsOnError: true,
- };
- bucket
- .upload(params, options)
- .on("httpUploadProgress", function (evt) {
- //这里可以写进度条
- // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
- })
- .send(function (err, data) {
- loading.close();
- if (err) {
- _this.$message.error("上传失败");
- } else {
- _this.testJson.testJson[i].checkList[j] = {};
- _this.testJson.testJson[i].checkList[j].src = data.Location;
- _this.testJson.testJson[i].checkList[j].imgType = 1;
- _this.imgChange2(i, j);
- _this.$forceUpdate();
- }
- });
- }
- },
- beforeUpload1(event, type) {
- // const loading = this.openLoading();
- var file = event.target.files[0];
- var credentials = {
- accessKeyId: "AKIATLPEDU37QV5CHLMH",
- secretAccessKey: "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",
- }; //秘钥形式的登录上传
- window.AWS.config.update(credentials);
- window.AWS.config.region = "cn-northwest-1"; //设置区域
- var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
- var _this = this;
- if (file) {
- var params = {
- Key:
- file.name.split(".")[0] +
- new Date().getTime() +
- "." +
- file.name.split(".")[file.name.split(".").length - 1],
- ContentType: file.type,
- Body: file,
- "Access-Control-Allow-Credentials": "*",
- ACL: "public-read",
- }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
- var options = {
- partSize: 2048 * 1024 * 1024,
- queueSize: 2,
- leavePartsOnError: true,
- };
- bucket
- .upload(params, options)
- .on("httpUploadProgress", function (evt) {
- //这里可以写进度条
- // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
- })
- .send(function (err, data) {
- // loading.close();
- if (err) {
- // var a = _this.$refs.upload1.uploadFiles;
- // a.splice(a.length - 1, a.length);
- _this.$message.error("上传失败");
- } else {
- _this.cover.push({
- name: file.name,
- url: data.Location,
- uid: file.uid,
- });
- _this.imgChange1(null, null, 1, null);
- _this.choosePicVisible = false;
- console.log(data.Location);
- }
- });
- }
- },
- beforeUploadSelect(event, type) {
- // const loading = this.openLoading();
- var file = event.target.files[0];
- var credentials = {
- accessKeyId: "AKIATLPEDU37QV5CHLMH",
- secretAccessKey: "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",
- }; //秘钥形式的登录上传
- window.AWS.config.update(credentials);
- window.AWS.config.region = "cn-northwest-1"; //设置区域
- var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
- var _this = this;
- if (file) {
- var params = {
- Key:
- file.name.split(".")[0] +
- new Date().getTime() +
- "." +
- file.name.split(".")[file.name.split(".").length - 1],
- ContentType: file.type,
- Body: file,
- "Access-Control-Allow-Credentials": "*",
- ACL: "public-read",
- }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
- var options = {
- partSize: 2048 * 1024 * 1024,
- queueSize: 2,
- leavePartsOnError: true,
- };
- bucket
- .upload(params, options)
- .on("httpUploadProgress", function (evt) {
- //这里可以写进度条
- // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
- })
- .send(function (err, data) {
- // loading.close();
- if (err) {
- _this.$message.error("上传失败");
- } else {
- _this.selectJson.url = data.Location;
- console.log(data.Location);
- }
- });
- }
- },
- chooseSysPic(p) {
- this.cover = []
- setTimeout(() => {
- this.cover[0] = {
- name: "系统图片.png",
- url: p,
- };
- this.imgChange1(null, null, 1, null);
- this.$forceUpdate();
- }, 0);
- this.isSysPic = true;
- this.isSysPic2 = false;
- this.sysPicVisible = false;
- this.$forceUpdate();
- },
- chooseSysPic2(p) {
- this.cover = []
- setTimeout(() => {
- this.cover[0] = {
- name: "网络图片.png",
- url: p,
- };
- this.imgChange1(null, null, 1, null);
- this.$forceUpdate();
- }, 0);
- this.isSysPic2 = true;
- this.isSysPic = false;
- this.sysPicVisible2 = false;
- this.$forceUpdate();
- },
- beforeUpload(data) {
- this.$refs.upload1.uploadFiles;
- this.uploadLoading1 = true;
- var file = data.file;
- var credentials = {
- accessKeyId: "AKIATLPEDU37QV5CHLMH",
- secretAccessKey: "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",
- }; //秘钥形式的登录上传
- window.AWS.config.update(credentials);
- window.AWS.config.region = "cn-northwest-1"; //设置区域
- var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
- var _this = this;
- if (file) {
- var params = {
- Key:
- file.name.split(".")[0] +
- new Date().getTime() +
- "." +
- file.name.split(".")[file.name.split(".").length - 1],
- ContentType: file.type,
- Body: file,
- "Access-Control-Allow-Credentials": "*",
- ACL: "public-read",
- }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
- var options = {
- partSize: 2048 * 1024 * 1024,
- queueSize: 2,
- leavePartsOnError: true,
- };
- bucket
- .upload(params, options)
- .on("httpUploadProgress", function (evt) {
- //这里可以写进度条
- // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
- })
- .send(function (err, data) {
- _this.uploadLoading1 = false;
- if (err) {
- // var a = _this.$refs.upload1.uploadFiles;
- // a.splice(a.length - 1, a.length);
- _this.$message.error("上传失败");
- } else {
- //上传成功处理
- _this.unitJson[_this.unitIndex].chapterInfo[0].fileList1.push({
- name: file.name,
- url: data.Location,
- uid: file.uid,
- });
- _this.imgChange();
- console.log(data.Location);
- }
- });
- }
- },
- onExceed() {
- this.$message.error("课程封面仅支持上传一张，请删除后再进行上传");
- },
- beforeUpload2(event, unitIndex, type, itemTaskIndex) {
- // const loading = this.openLoading();
- var file = event.target.files[0];
- var credentials = {
- accessKeyId: "AKIATLPEDU37QV5CHLMH",
- secretAccessKey: "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",
- }; //秘钥形式的登录上传
- window.AWS.config.update(credentials);
- window.AWS.config.region = "cn-northwest-1"; //设置区域
- var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
- var _this = this;
- if (type == 3) {
- var b = [
- "DOC",
- "DOCX",
- "DOCM",
- "DOTM",
- "DOTX",
- "PPTX",
- "PPSX",
- "PPT",
- "PPS",
- "PPTM",
- "POTM",
- "PPAM",
- "POTX",
- "PPSM",
- ];
- if (
- b.indexOf(
- file.name
- .split(".")
- [file.name.split(".").length - 1].toLocaleUpperCase()
- ) != -1
- ) {
- if (file.size / 1024 / 1024 > 80) {
- this.$message.error("上传文件大于80兆,请重新选择文件！");
- this.inputShow = true;
- // var a = _this.$refs.upload1.uploadFiles;
- // a.splice(a.length - 1, a.length);
- // loading.close();
- return;
- }
- } else if (
- file.name
- .split(".")
- [file.name.split(".").length - 1].toLocaleUpperCase() != "PDF"
- ) {
- if (file.size / 1024 / 1024 > 80) {
- this.$message.error("添加成上传文件大于80兆,请重新选择文件！");
- this.inputShow = true;
- // var a = _this.$refs.upload1.uploadFiles;
- // a.splice(a.length - 1, a.length);
- // loading.close();
- return;
- }
- }
- }
- this.inputShow = false;
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].progress = 0;
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].proVisible = true;
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].isFinishSize = 0;
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].isAllSize = (file.size / 1024 / 1024).toFixed(2);
- _this.$forceUpdate();
- if (file) {
- var params = {
- Key:
- file.name.split(".")[0] +
- new Date().getTime() +
- "." +
- file.name.split(".")[file.name.split(".").length - 1],
- ContentType: file.type,
- Body: file,
- "Access-Control-Allow-Credentials": "*",
- ACL: "public-read",
- }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
- var options = {
- partSize: 2048 * 1024 * 1024,
- queueSize: 2,
- leavePartsOnError: true,
- };
- bucket
- .upload(params, options)
- .on("httpUploadProgress", function (evt) {
- //这里可以写进度条
- // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].progress = parseInt((evt.loaded / evt.total) * 100);
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].isFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
- _this.$forceUpdate();
- })
- .send(function (err, data) {
- // loading.close();
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].progress = 100;
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].isFinishSize =
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].isAllSize;
- _this.$forceUpdate();
- setTimeout(() => {
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].proVisible = false;
- _this.$forceUpdate();
- }, 1000);
- _this.inputShow = true;
- if (err) {
- // var a = _this.$refs.upload1.uploadFiles;
- // a.splice(a.length - 1, a.length);
- _this.$message.error("上传失败");
- } else {
- if (type == 13) {
- let _type = 2;
- var imgA = [
- "png",
- "jpg",
- "jpeg",
- "bmp",
- "gif",
- "webp",
- "psd",
- "svg",
- "tiff",
- ];
- var fileA = [
- "PDF",
- "DOC",
- "DOCX",
- "DOCM",
- "DOTM",
- "DOTX",
- "PPTX",
- "PPSX",
- "PPT",
- "PPS",
- "PPTM",
- "POTM",
- "PPAM",
- "POTX",
- "PPSM",
- "XLSX",
- "XLS",
- ];
- var videoA = [
- "AVI",
- "NAVI",
- "MPEG",
- "ASF",
- "MOV",
- "WMV",
- "3GP",
- "RM",
- "RMVB",
- "FLV",
- "F4V",
- "H.264",
- "H.265",
- "REAL VIDEO",
- "MKV",
- "WebM",
- "HDDVD",
- "MP4",
- "MPG",
- "M4V",
- "MGV",
- "OGV",
- "QTM",
- "STR",
- "AMC",
- "DVX",
- "EVO",
- "DAT",
- "OGG",
- "OGM",
- ];
- if (
- fileA.indexOf(
- data.Location.split(".")[
- data.Location.split(".").length - 1
- ].toLocaleUpperCase()
- ) != -1
- ) {
- _type = 3;
- } else if (
- videoA.indexOf(
- data.Location.split(".")[
- data.Location.split(".").length - 1
- ].toLocaleUpperCase()
- ) != -1
- ) {
- _type = 2;
- } else if (
- imgA.indexOf(
- data.Location.split(".")[
- data.Location.split(".").length - 1
- ].toLocaleLowerCase()
- ) != -1
- ) {
- _type = 13;
- } else {
- _type = 12;
- }
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].chapterData.push({
- name: file.name,
- url: data.Location,
- uid: file.uid,
- type: _type,
- });
- _this.imgChange1(null, null, _type, itemTaskIndex);
- } else if (type == 2 || type == 3 || type == 12) {
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].chapterData.push({
- name: file.name,
- url: data.Location,
- uid: file.uid,
- type: type,
- });
- _this.imgChange1(null, null, type, itemTaskIndex);
- } else if (type == 4) {
- _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].fileList1.push({
- name: file.name,
- url: data.Location,
- uid: file.uid,
- });
- _this.imgChange1(null, null, type, itemTaskIndex);
- } else if (type == 5) {
- _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].homeworkList.push({
- name: file.name,
- url: data.Location,
- uid: file.uid,
- });
- _this.imgChange1(null, null, type, itemTaskIndex);
- }
- console.log(data.Location);
- }
- });
- }
- },
- beforeUpload3(event, unitIndex, type, itemTaskIndex, string) {
- // const loading = this.openLoading();
- var file = event.target.files[0];
- var credentials = {
- accessKeyId: "AKIATLPEDU37QV5CHLMH",
- secretAccessKey: "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",
- }; //秘钥形式的登录上传
- window.AWS.config.update(credentials);
- window.AWS.config.region = "cn-northwest-1"; //设置区域
- var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
- var _this = this;
- if (type == 3) {
- var b = [
- "DOC",
- "DOCX",
- "DOCM",
- "DOTM",
- "DOTX",
- "PPTX",
- "PPSX",
- "PPT",
- "PPS",
- "PPTM",
- "POTM",
- "PPAM",
- "POTX",
- "PPSM",
- ];
- if (
- b.indexOf(
- file.name
- .split(".")
- [file.name.split(".").length - 1].toLocaleUpperCase()
- ) != -1
- ) {
- if (file.size / 1024 / 1024 > 80) {
- this.$message.error("上传文件大于80兆,请重新选择文件！");
- this.inputShow = true;
- // var a = _this.$refs.upload1.uploadFiles;
- // a.splice(a.length - 1, a.length);
- // loading.close();
- return;
- }
- } else if (
- file.name
- .split(".")
- [file.name.split(".").length - 1].toLocaleUpperCase() != "PDF"
- ) {
- if (file.size / 1024 / 1024 > 80) {
- this.$message.error("添加成上传文件大于80兆,请重新选择文件！");
- this.inputShow = true;
- // var a = _this.$refs.upload1.uploadFiles;
- // a.splice(a.length - 1, a.length);
- // loading.close();
- return;
- }
- }
- }
- this.inputShow = false;
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].progress = 0;
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].proVisible = true;
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].isFinishSize = 0;
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].isAllSize = (file.size / 1024 / 1024).toFixed(2);
- _this.$forceUpdate();
- if (file) {
- var params = {
- Key:
- file.name.split(".")[0] +
- new Date().getTime() +
- "." +
- file.name.split(".")[file.name.split(".").length - 1],
- ContentType: file.type,
- Body: file,
- "Access-Control-Allow-Credentials": "*",
- ACL: "public-read",
- }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
- var options = {
- partSize: 2048 * 1024 * 1024,
- queueSize: 2,
- leavePartsOnError: true,
- };
- bucket
- .upload(params, options)
- .on("httpUploadProgress", function (evt) {
- //这里可以写进度条
- // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].progress = parseInt((evt.loaded / evt.total) * 100);
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].isFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
- _this.$forceUpdate();
- })
- .send(function (err, data) {
- // loading.close();
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].progress = 100;
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].isFinishSize =
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].isAllSize;
- _this.$forceUpdate();
- setTimeout(() => {
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].proVisible = false;
- _this.$forceUpdate();
- }, 1000);
- _this.inputShow = true;
- if (err) {
- // var a = _this.$refs.upload1.uploadFiles;
- // a.splice(a.length - 1, a.length);
- _this.$message.error("上传失败");
- } else {
- if (type == 2 || type == 3) {
- _this.unitJson[unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].chapterData.push({
- name: file.name,
- // name: string+''+(_this.unitJson[unitIndex].chapterInfo[0].taskJson[
- // itemTaskIndex
- // ].chapterData.length+1),
- url: data.Location,
- uid: file.uid,
- type: type,
- text: string,
- // text: string + '' + (_this.unitJson[unitIndex].chapterInfo[0].taskJson[
- // itemTaskIndex
- // ].chapterData.length + 1),
- });
- _this.imgChange1(null, null, type, itemTaskIndex);
- } else if (type == 4) {
- _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].fileList1.push({
- name: file.name,
- url: data.Location,
- uid: file.uid,
- });
- _this.imgChange1(null, null, type, itemTaskIndex);
- } else if (type == 5) {
- _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].homeworkList.push({
- name: file.name,
- url: data.Location,
- uid: file.uid,
- });
- _this.imgChange1(null, null, type, itemTaskIndex);
- }
- console.log(data.Location);
- }
- });
- }
- },
- addunit() {
- this.unitJson.push({
- dyName: "", //单元标题
- isUpdate: 1,
- easy: this.unitJson[this.unitJson.length - 1].easy ? 1 : 0,
- chapterInfo: [
- {
- isread: false,
- chapterid: this.guid(),
- title: "",
- courseName: "",
- taskJson: [
- {
- task: "",
- taskDetail: "",
- chapterData: [],
- toolText: "",
- toolChoose: [
- {
- tool: [],
- toolDetail: "",
- toolType: 0,
- askCount: 1,
- askTitle: "",
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
- },
- ],
- isShowTools: false,
- askCount: 1,
- isFold: 0,
- askTitle: "",
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
- checkJson: [{ checkCount: [], checkPerent: [] }],
- homeworkList: [],
- },
- ],
- itemCount: 1,
- fileList1: [],
- video: [],
- testData: [],
- pData: [],
- templateArray: [],
- },
- ],
- });
- this.addindex = this.unitJson.length - 1;
- setTimeout(() => {
- this.unitIndex = this.unitJson.length - 1;
- this.unitSet(this.unitIndex);
- }, 0);
- },
- addToolFun(itemTaskIndex) {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose.push({
- tool: [],
- toolDetail: "",
- toolType: 0,
- askCount: 1,
- askTitle: "",
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
- });
- },
- addTaskBorder() {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson.push({
- task: "",
- taskDetail: "",
- chapterData: [],
- toolChoose: [
- {
- tool: [],
- toolDetail: "",
- toolType: 0,
- askCount: 1,
- askTitle: "",
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
- },
- ],
- toolText: "",
- isShowTools: false,
- askCount: 1,
- isFold: 0,
- askTitle: "",
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
- checkJson: [{ checkCount: [], checkPerent: [] }],
- homeworkList: [],
- });
- },
- add(e, i) {
- var el = e.currentTarget;
- el.getElementsByTagName("input")[0].click();
- },
- fold(i, e, type) {
- var a = e.currentTarget.parentElement.parentElement;
- var b = e.currentTarget.parentElement;
- if (type == 1) {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 1;
- a.className += " smallTaskBorder";
- b.className += " funBlockTop";
- } else {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 0;
- a.className = "taskBorder";
- b.className = "funBlock";
- }
- console.log(e);
- },
- fold2(i) {
- if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold2) {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold2 = false;
- } else {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold2 = true;
- }
- setTimeout(() => {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].taskDetail += '*0*%*'
- setTimeout(() => {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].taskDetail = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].taskDetail.replaceAll('*0*%*', '')
- }, 0);
- }, 0);
- this.$forceUpdate();
- },
- foldC(i) {
- if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFoldchapter) {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFoldchapter = false;
- } else {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFoldchapter = true;
- }
- this.$forceUpdate();
- },
- fold3(i, ti) {
- if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[ti].isFold3) {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[ti].isFold3 = false;
- } else {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[ti].isFold3 = true;
- }
- this.$forceUpdate();
- },
- deleteHomeworkBox(unitIndex, index, i) {
- this.unitJson[unitIndex].chapterInfo[index].taskJson[
- this.taskCount
- ].homeworkList.splice(i, 1);
- },
- getStudent() {
- let params = {
- oid: this.oid,
- cu: "",
- cn: this.searchPeople,
- };
- this.ajax
- .get(this.$store.state.api + "selectStudentAdd", params)
- .then((res) => {
- this.studentJuri = res.data[0];
- })
- .catch((err) => {
- this.isLoading = false;
- console.error(err);
- });
- },
- getTeacher() {
- let params = {
- oid:
- this.org && this.org != "undefined" && this.org != "null"
- ? this.org
- : this.oid,
- cu: "",
- cn: this.searchTN,
- };
- this.ajax
- .get(
- this.$store.state.api +
- (this.org && this.org != "undefined" && this.org != "null"
- ? "selectTeacherAddOrg"
- : "selectTeacherAdd"),
- params
- )
- .then((res) => {
- let teacherJuri = res.data[0];
- for (var i = 0; i < teacherJuri.length; i++) {
- if (teacherJuri[i].userid == this.userid) {
- teacherJuri.splice(i, 1);
- break;
- }
- }
- this.teacherJuri = teacherJuri;
- })
- .catch((err) => {
- console.error(err);
- });
- },
- searchStudent() {
- this.getStudent();
- },
- selectGrage() {
- let params = {
- oid: this.oid,
- };
- this.ajax
- .get(this.$store.state.api + "selectGrageBySchool", params)
- .then((res) => {
- this.gradeList = res.data[0];
- })
- .catch((err) => {
- this.isLoading = false;
- console.error(err);
- });
- },
- //获取班级列表
- getClass() {
- let params = {
- oid: this.oid,
- gid: this.gradeId,
- cn: this.classSearch,
- };
- this.ajax
- .get(this.$store.state.api + "selectClassBySchoolSearch2", params)
- .then((res) => {
- if (!this.grade.length) {
- this.grade = res.data[0];
- }
- this.grade2 = res.data[0];
- this.classJuri = res.data[0];
- let _check = []
- let _check2 = []
- for (var i = 0; i < this.grade2.length; i++) {
- var gid = this.grade2[i].id
- _check.push(gid)
- }
- for (var i = 0; i < this.checkboxList2.length; i++) {
- var _id = this.checkboxList2[i]
- if (_check.indexOf(_id) !== -1) {
- _check2.push(_id)
- }
- }
- this.checkAll = _check2.length === _check.length;
- })
- .catch((err) => {
- this.isLoading = false;
- console.error(err);
- });
- },
- CourseType2Change(val) {
- this.pTypeCheck = [];
- for (var i = 0; i < this.CourseType2.length; i++) {
- let typeA = this.CourseType2[i];
- if (val.indexOf(typeA.name) != -1) {
- this.pTypeCheck.push(...typeA.id);
- }
- }
- },
- getChapterData(e, i, j, ic, type) {
- e.stopPropagation();
- this.updataC = true;
- this.icc = ic;
- if ((type == 2 || type == 3) && e.target.tagName !== "INPUT") {
- console.log("还不能下载图片喔");
- }
- },
- deleteChapterData(e, i, j, ic, taskI) {
- e.stopPropagation();
- let _this = this;
- _this
- .$confirm("确定删除此项?", "提示", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- _this.unitJson[i].chapterInfo[j].taskJson[taskI].chapterData.splice(ic, 1);
- })
- .catch(() => {
- return;
- });
- },
- updataVideoT(e, i, j, ic) {
- // e.stopPropagation();
- // this.unitJson[i].chapterInfo[0].taskJson[j].chapterData[
- // ic
- // ].name = JSON.parse(JSON.stringify(e.target.value));
- this.line = this.unitJson[i].chapterInfo[0].taskJson[0].chapterData[
- ic
- ].name;
- this.taskCount = j;
- this.lineCount = ic;
- this.dialogVisibleupdataVideoT = true;
- this.$forceUpdate();
- },
- updataVideoC() {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].chapterData[this.lineCount].name = JSON.parse(JSON.stringify(this.line));
- this.dialogVisibleupdataVideoT = false;
- this.$forceUpdate();
- },
- upCd(e, i, j, taskCount, ic) {
- e.stopPropagation();
- if (ic == 0) {
- return;
- }
- var a =
- JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic - 1]));
- this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic - 1] =
- JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic]));
- this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic] = a;
- this.$forceUpdate();
- },
- downCd(e, i, j, taskCount, ic) {
- e.stopPropagation();
- if (
- ic ==
- this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData.length -
- 1
- ) {
- return;
- }
- var a =
- JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic + 1]));
- this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic + 1] =
- JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic]));
- this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic] = a;
- this.$forceUpdate();
- },
- upTool(e, i, j, tooli){
- e.stopPropagation();
- if (tooli == 0) {
- return;
- }
- this.$confirm(
- "切换工具顺序将删除此工具的提交成果，是否继续此操作?",
- "提示",
- {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- }
- )
- .then(() => {
- var a =
- JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli - 1]));
- this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli - 1] =
- JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli]));
- this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli] = a;
- this.$forceUpdate()
- })
- .catch(() => {
- return;
- });
- },
- downTool(e, i, j, tooli){
- e.stopPropagation();
- if ( tooli ==
- this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length -
- 1) {
- return;
- }
- this.$confirm(
- "切换工具顺序将删除此工具的提交成果，是否继续此操作?",
- "提示",
- {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- }
- )
- .then(() => {
- var a =
- JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli + 1]));
- this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli + 1] =
- JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli]));
- this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli] = a;
- this.$forceUpdate()
- })
- .catch(() => {
- return;
- });
- },
- addWork() {
- let cPan = 1;
- for (var i = 0; i < this.unitJson.length; i++) {
- for (
- var j = 0;
- j < this.unitJson[i].chapterInfo[0].taskJson.length;
- j++
- ) {
- this.unitJson[i].chapterInfo[0].taskJson[j].proVisible = false;
- this.unitJson[i].chapterInfo[0].taskJson[j].proVisible2 = false;
- if (
- this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length > 1
- ) {
- for (
- var z = 0;
- z < this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length;
- z++
- ) {
- if (
- !this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[z].tool
- .length
- ) {
- this.$message.error("请把工具添加完整");
- cPan = 2;
- break;
- }
- }
- }
- if (this.unitJson[i].chapterInfo[0].taskJson[j].eList) {
- this.unitJson[i].chapterInfo[0].taskJson[j].eList = this.unitJson[
- i
- ].chapterInfo[0].taskJson[j].eList.filter((ele) => {
- return ele.value != "";
- });
- }
- }
- }
- this.inputShow = true;
- if (cPan == 2) {
- return;
- }
- for (var i = 0; i < this.unitJson.length; i++) {
- delete this.unitJson[i].isUpdate;
- }
- let params = [
- {
- uid: this.userid,
- title: this.courseName.replace(/%/g, "%25"),
- brief: this.courseText.replace(/%/g, "%25"),
- cover:
- this.cover.length > 0
- ? JSON.stringify(this.cover)
- : JSON.stringify([
- {
- name: "noBanner.jpg",
- url: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/wu1676621845022.png",
- uid: 1656409780264,
- status: "success",
- },
- ]),
- evaId: this.evalua,
- astudent:
- this.checkboxList2.length > 0 ? this.checkboxList2.join(",") : "",
- see: this.isTeacherSee == true ? 1 : 0,
- chapters: JSON.stringify(this.unitJson).replaceAll(/%/g, "%25"),
- template: this.cTemplate != "undefined" ? this.cTemplate : "",
- courseType: JSON.stringify(this.courseTypeId),
- ateacher:
- this.checkboxList3.length > 0 ? this.checkboxList3.join(",") : "",
- inviteCode: JSON.stringify(this.inviteCode),
- },
- ];
- this.ajax
- .post(this.$store.state.api + "addWorkNew2E", params)
- .then((res) => {
- console.log(this.steps);
- // if (this.steps != 1 && this.steps != 2 && this.steps != 3) {
- this.$message({
- message: "新增成功",
- type: "success",
- });
- // }
- this.number = res.data.ordernumber;
- this.courseId = res.data.courseId;
- this.cid = res.data.courseId;
- this.courseUserid = this.userid;
- this.islogin = true;
- this.steps = 4;
- })
- .catch((err) => {
- this.$message.error("网络不佳");
- console.error(err);
- });
- },
- goCourse() {
- window.parent.postMessage({ cid: this.courseId, type: "1" }, "*");
- },
- updateWork2() {
- let _unitIndex = this.unitIndex;
- let cPan = 1;
- for (
- var j = 0;
- j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length;
- j++
- ) {
- this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].proVisible = false;
- this.unitJson[_unitIndex].chapterInfo[0].taskJson[
- j
- ].proVisible2 = false;
- if (this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList) {
- this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList =
- this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList.filter(
- (ele) => {
- return ele.value != "";
- }
- );
- }
- }
- this.inputShow = true;
- if (cPan == 2) {
- return;
- }
- let params = [
- {
- cid: this.cid,
- chapters: JSON.stringify(this.unitJson),
- uid: this.userid,
- unitIndex: _unitIndex,
- },
- ];
- this.ajax
- .post(this.$store.state.api + "updateWorkNew4", params)
- .then((res) => {
- this.$message({
- message: "修改成功",
- type: "success",
- });
- this.courseId = this.cid;
- })
- .catch((err) => {
- this.$message.error("网络不佳");
- console.error(err);
- });
- },
- updateWork() {
- let cPan = 1;
- for (var i = 0; i < this.unitJson.length; i++) {
- for (
- var j = 0;
- j < this.unitJson[i].chapterInfo[0].taskJson.length;
- j++
- ) {
- this.unitJson[i].chapterInfo[0].taskJson[j].proVisible = false;
- this.unitJson[i].chapterInfo[0].taskJson[j].proVisible2 = false;
- if (
- this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length > 1
- ) {
- for (
- var z = 0;
- z < this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length;
- z++
- ) {
- if (
- !this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[z].tool
- .length
- ) {
- this.$message.error("请把工具添加完整");
- cPan = 2;
- break;
- }
- }
- }
- if (this.unitJson[i].chapterInfo[0].taskJson[j].eList) {
- this.unitJson[i].chapterInfo[0].taskJson[j].eList = this.unitJson[
- i
- ].chapterInfo[0].taskJson[j].eList.filter((ele) => {
- return ele.value != "";
- });
- }
- }
- }
- this.inputShow = true;
- if (cPan == 2) {
- this.step--;
- return;
- }
- for (var i = 0; i < this.unitJson.length; i++) {
- delete this.unitJson[i].isUpdate;
- }
- let params = [
- {
- cid: this.cid,
- title: this.courseName.replace(/%/g, "%25"),
- brief: this.courseText.replace(/%/g, "%25"),
- cover:
- this.cover.length > 0
- ? JSON.stringify(this.cover)
- : JSON.stringify([
- {
- name: "noBanner.jpg",
- url: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/wu1676621845022.png",
- uid: 1656409780264,
- status: "success",
- },
- ]),
- evaId: this.evalua,
- astudent:
- this.checkboxList2.length > 0 ? this.checkboxList2.join(",") : "",
- see: this.isTeacherSee == true ? 1 : 0,
- chapters: JSON.stringify(this.unitJson).replaceAll(/%/g, "%25"),
- template: this.myWord != "undefined" ? this.myWord : [],
- uid: this.userid,
- courseType: JSON.stringify(this.courseTypeId),
- ateacher:
- this.checkboxList3.length > 0 ? this.checkboxList3.join(",") : "",
- inviteCode: JSON.stringify(this.inviteCode),
- },
- ];
- this.ajax
- .post(this.$store.state.api + "updateWorkNew2", params)
- .then((res) => {
- // if (this.steps != 1 && this.steps != 2 && this.steps != 3) {
- if (this.cidType == 1) {
- this.$message({
- message: "修改成功",
- type: "success",
- });
- } else {
- this.$message({
- message: "新增成功",
- type: "success",
- });
- }
- // }
- this.number = this.nbOrder;
- this.courseId = this.cid;
- this.steps = 4;
- })
- .catch((err) => {
- this.$message.error("网络不佳");
- console.error(err);
- });
- },
- guid() {
- var _num,
- i,
- _guid = "";
- for (i = 0; i < 32; i++) {
- _guid += Math.floor(Math.random() * 16).toString(16); //随机0 - 16 的数字 转变为16进制的字符串
- _num = Math.floor((i - 7) / 4); //计算 (i-7)除4
- if (_num > -1 && _num < 4 && i == 7 + 4 * _num) {
- //会使guid中间加 "-" 形式为xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
- _guid += "-";
- }
- }
- return _guid;
- },
- insertWord() {
- this.dialogVisible1 = true;
- this.updateBoolean2 = false;
- this.tTitle = "";
- this.tdetail = "";
- },
- addWord() {
- this.unitJson[this.unitIndex].chapterInfo[0].fileList1.push({
- name: this.tTitle,
- content: this.tdetail,
- uid: this.guid(),
- });
- this.dialogVisible1 = false;
- },
- upWord() { },
- selectWord(uid, i, c) {
- this.dialogVisible1 = true;
- this.updateBoolean2 = true;
- if (
- uid == this.unitJson[this.unitIndex].chapterInfo[i].fileList1[c].uid
- ) {
- this.tTitle =
- this.unitJson[this.unitIndex].chapterInfo[i].fileList1[c].name;
- this.tdetail =
- this.unitJson[this.unitIndex].chapterInfo[i].fileList1[c].content;
- }
- },
- isAddPP() {
- if (this.checkboxList.length > 0) {
- this.$message({
- message: "添加成功",
- type: "success",
- });
- this.dialogVisible3 = false;
- } else {
- this.$message({
- message: "请添加课程成员",
- type: "error",
- });
- }
- },
- isAddClass() {
- this.dialogVisibleClass = false;
- },
- isAddPPTeacher() {
- this.dialogVisibleMember = false;
- this.setMan();
- },
- getTemplate() {
- this.ajax
- .get(this.$store.state.api + "getCourseTemplateT", "")
- .then((res) => {
- this.templateArray = res.data[0];
- this.getTemplateOid();
- this.$forceUpdate();
- })
- .catch((err) => { });
- },
- getTemplateOid() {
- let params = {
- oid: this.oid,
- };
- this.ajax
- .get(this.$store.state.api + "getCourseTemplateTByOid", params)
- .then((res) => {
- if (res.data[0].length) {
- this.templateArray = [...res.data[0], ...this.templateArray];
- }
- this.getTemplateOrg();
- this.$forceUpdate();
- })
- .catch((err) => { });
- },
- getTemplateOrg() {
- let params = {
- oid: this.org,
- };
- this.ajax
- .get(this.$store.state.api + "getCourseTemplateTByOid", params)
- .then((res) => {
- if (res.data[0].length) {
- this.templateArray = [...res.data[0], ...this.templateArray];
- }
- this.$forceUpdate();
- })
- .catch((err) => { });
- },
- clearChoose() {
- this.clearArray.splice(this.templateC.id, 1);
- this.dialogVisible2 = false;
- },
- clearAttText() {
- this.AttText = {
- title: "",
- text: "",
- };
- this.dialogVisible6 = false;
- },
- clearLine() {
- this.line = "";
- this.dialogVisible7 = false;
- },
- checkTemplate(res) {
- let _this = this;
- _this
- .$confirm("确定选择此模板吗?", "提示", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- _this.unitJson = JSON.parse(res.chapters);
- _this.steps++;
- setTimeout(() => {
- this.checkEva(this.checkId);
- }, 1000);
- })
- .catch(() => {
- return;
- });
- },
- checkTemplate1(w) {
- this.steps++;
- },
- checkTemplate2() {
- let _this = this;
- _this
- .$confirm("确定选择空模板吗?", "提示", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- _this.unitIndex = 0;
- _this.unitJson = [
- {
- dyName: "", //单元标题
- chapterInfo: [
- {
- isread: false,
- chapterid: this.guid(),
- title: "",
- courseName: "",
- taskJson: [
- {
- task: "",
- taskDetail: "",
- chapterData: [],
- toolText: "",
- toolChoose: [
- {
- tool: [],
- toolDetail: "",
- toolType: 0,
- askCount: 1,
- askTitle: "",
- askJson: [
- { askstitle: "", askItem: 1, checkList: [] },
- ],
- },
- ],
- isShowTools: false,
- askCount: 1,
- isFold: 0,
- askTitle: "",
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
- checkJson: [{ checkCount: [], checkPerent: [] }],
- homeworkList: [],
- },
- ],
- itemCount: 1,
- fileList1: [],
- video: [],
- testData: [],
- pData: [],
- templateArray: [],
- },
- ],
- },
- ];
- this.steps++;
- this.updateWork();
- })
- .catch(() => {
- return;
- });
- },
- checkTemplate3() {
- let _this = this;
- _this
- .$confirm("确定选择简易模式吗?", "提示", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- _this.unitIndex = 0;
- _this.unitJson = [
- {
- dyName: "", //单元标题
- easy: 1,
- chapterInfo: [
- {
- isread: false,
- chapterid: this.guid(),
- title: "",
- courseName: "",
- taskJson: [
- {
- task: "",
- taskDetail: "",
- chapterData: [],
- toolText: "",
- toolChoose: [
- {
- tool: [],
- toolDetail: "",
- toolType: 0,
- askCount: 1,
- askTitle: "",
- askJson: [
- { askstitle: "", askItem: 1, checkList: [] },
- ],
- },
- ],
- isShowTools: false,
- askCount: 1,
- isFold: 0,
- askTitle: "",
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
- checkJson: [{ checkCount: [], checkPerent: [] }],
- homeworkList: [],
- },
- ],
- itemCount: 1,
- fileList1: [],
- video: [],
- testData: [],
- pData: [],
- templateArray: [],
- },
- ],
- },
- ];
- this.steps++;
- this.updateWork();
- })
- .catch(() => {
- return;
- });
- },
- checkTemplate4() {
- let _this = this;
- _this
- .$confirm("确定选择未来小学课程设计吗?", "提示", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- _this.unitIndex = 0;
- _this.unitJson = JSON.parse(JSON.stringify(weilaiData));
- this.steps++;
- this.updateWork();
- })
- .catch(() => {
- return;
- });
- },
- wordNext() {
- this.dialogVisible2 = false;
- },
- isAddOrUpdateAttText() {
- if (this.AttTextType == 0) {
- this.addAttTextMessage();
- } else {
- this.updateAttText();
- }
- },
- isAddOrUpdateLine() {
- if (!this.lineTitle) {
- this.$message.error("请填写链接标题");
- return;
- }
- if (this.lineType == 0) {
- this.addLine();
- } else {
- this.updateLine();
- }
- },
- addAttTextMessage() {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].chapterData.push({
- name: this.AttText.title,
- url: this.AttText.text,
- type: 6,
- });
- this.imgChange1(null, null, 6, this.taskCount);
- this.dialogVisible6 = false;
- },
- selectAttText(itemTaskIndex, i) {
- this.AttText.title =
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].chapterData[i].name;
- this.AttText.text =
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].chapterData[i].url;
- this.taskCount = itemTaskIndex;
- this.AttTextIndex = i;
- this.AttTextType = 1;
- this.dialogVisible6 = true;
- },
- updateAttText() {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].chapterData[this.AttTextIndex].name = this.AttText.title;
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].chapterData[this.AttTextIndex].url = this.AttText.text;
- this.dialogVisible6 = false;
- },
- addLine() {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.lineCount
- ].chapterData.push({
- name: "链接",
- title: this.lineTitle,
- url: this.line,
- type: 8,
- });
- this.imgChange1(null, null, 8, this.lineCount);
- this.dialogVisible7 = false;
- },
- selectLine(itemTaskIndex, i) {
- this.line =
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].chapterData[i].url;
- this.lineTitle = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].chapterData[i].title
- ? this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .chapterData[i].title
- : "";
- this.taskCount = itemTaskIndex;
- this.lineCount = i;
- this.lineType = 1;
- this.dialogVisible7 = true;
- },
- openUpdateSource(itemTaskIndex, i) {
- this.sourceData = {}
- let source = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].chapterData[i]
- this.sourceData[source.id] = {}
- this.sourceData[source.id].name = source.title
- this.sourceData[source.id].url = source.url
- this.dialogVisibleSource = true;
- this.updateSourcePan = true;
- this.taskCount = itemTaskIndex;
- this.lineCount = i;
- },
- updateLine() {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].chapterData[this.lineCount].url = this.line;
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].chapterData[this.lineCount].title = this.lineTitle;
- this.dialogVisible7 = false;
- },
- addPP() {
- this.dialogVisible3 = true;
- },
- goTo(path) {
- this.$router.push(path);
- },
- openTools(itemTaskIndex, i, toolIndex) {
- this.toolIndex = toolIndex;
- this.taskCount = itemTaskIndex;
- if (i == 4) {
- if (toolIndex == null) {
- var a =
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .chapterData;
- for (var i = 0; i < a.length; i++) {
- if (a[i].url == 4 && a[i].askJson.askTitle != "") {
- this.askJson =
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].chapterData[i].askJson;
- }
- }
- } else {
- this.askJson = JSON.parse(
- JSON.stringify(
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex]
- )
- );
- }
- this.askJson2 = JSON.parse(JSON.stringify(this.askJson))
- this.dialogVisible5 = true;
- } else if (i == 45) {
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].testJson
- ) {
- this.testJson = JSON.parse(
- JSON.stringify(
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].testJson
- )
- );
- } else {
- var testJson = {
- testCount: 1,
- testTitle: "",
- testJson: [
- {
- teststitle: "",
- testItem: 1,
- checkList: [],
- timuList: [],
- answer: [],
- type: "1",
- },
- ],
- };
- this.testJson = testJson;
- }
- this.testJson2 = JSON.parse(JSON.stringify(this.testJson));
- this.dialogVisibleChoice = true;
- } else if (i == 47) {
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].sentenceList
- ) {
- this.sentenceList = JSON.parse(
- JSON.stringify(
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].sentenceList
- )
- );
- } else {
- var sentenceList = [
- { sentenceTitle: "", addSentence: [], rightAnswer: [] },
- ];
- this.sentenceList = sentenceList;
- }
- this.sentenceList2 = JSON.parse(JSON.stringify(this.sentenceList));
- this.dialogVisibleSentence = true;
- } else if (i == 48) {
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].tableJson
- ) {
- this.tableJson = JSON.parse(
- JSON.stringify(
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].tableJson
- )
- );
- } else {
- var tableJson = { text: "" };
- this.tableJson = tableJson;
- }
- this.dialogVisibleTable = true;
- } else if (i == 52) {
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].wordJson
- ) {
- this.wordJson = JSON.parse(
- JSON.stringify(
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].wordJson
- )
- );
- } else {
- var wordJson = { text: "" };
- this.wordJson = wordJson;
- }
- this.dialogVisibleWord = true;
- // else if (i == 50) {
- // if (
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- // .toolChoose[toolIndex].uploadJson
- // ) {
- // this.uploadJson = JSON.parse(
- // JSON.stringify(
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- // itemTaskIndex
- // ].toolChoose[toolIndex].uploadJson
- // )
- // );
- // } else {
- // var uploadJson = [];
- // this.uploadJson = uploadJson;
- // }
- // this.dialogVisibleMoreUpload = true;
- // }
- } else if (i == 10) {
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].preTime
- ) {
- this.preTime = JSON.parse(
- JSON.stringify(
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].preTime
- )
- );
- } else {
- var preTime = 0;
- this.preTime = preTime;
- }
- this.dialogVisiblePreTime = true;
- } else if (i == 49) {
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].groupJson
- ) {
- this.groupJson = JSON.parse(
- JSON.stringify(
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].groupJson
- )
- );
- } else {
- var groupJson = {
- group: [{ name: "第1组" }],
- number: undefined,
- islock: 1,
- };
- this.groupJson = groupJson;
- }
- this.dialogVisibleGroup = true;
- } else if (i == 62) {
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].videoJson
- ) {
- this.videoJson = JSON.parse(
- JSON.stringify(
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].videoJson
- )
- );
- } else {
- var videoJson = {
- video: "",
- setting: [],
- };
- this.videoJson = videoJson;
- }
- this.dialogVisibleVideo = true;
- } else if (i == 15) {
- this.answerQ = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].answerQ
- ? JSON.parse(
- JSON.stringify(
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].answerQ
- )
- )
- : "";
- this.answerQ2 = JSON.parse(JSON.stringify(this.answerQ))
- this.dialogVisible8 = true;
- } else if (i == 40) {
- this.rateJson = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].rateJson
- ? JSON.parse(
- JSON.stringify(
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].rateJson
- )
- )
- : [{ detail: "", score: 5, value: "" }]; //{detail:"",score:5,value:""}
- this.selectSteps = 1;
- this.dialogVisibleRate = true;
- } else if (i == 42) {
- this.answerQ = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].answerQ
- ? JSON.parse(
- JSON.stringify(
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].answerQ
- )
- )
- : "";
- this.dialogVisibleMp3 = true;
- } else if (i == 41) {
- this.selectJson = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].selectJson
- ? JSON.parse(
- JSON.stringify(
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].selectJson
- )
- )
- : { url: "", select: [], answer: [] };
- this.selectSteps = 1;
- this.selectJson2 = JSON.parse(JSON.stringify(this.selectJson))
- this.dialogVisibleSelect = true;
- } else if (i == 3) {
- if (!this.cid) {
- this.$message.error(
- "任务模式添加时不能添加模板，请添加课程后再修改添加模板"
- );
- return;
- }
- window.parent.postMessage(
- {
- tools: "3y",
- cid: this.cid,
- stage: this.unitIndex,
- task: itemTaskIndex,
- tool: toolIndex,
- },
- "*"
- );
- } else if (i == 1) {
- if (!this.cid) {
- this.$message.error(
- "任务模式添加时不能添加模板，请添加课程后再修改添加模板"
- );
- return;
- }
- window.parent.postMessage(
- {
- tools: "1y",
- cid: this.cid,
- stage: this.unitIndex,
- task: itemTaskIndex,
- tool: toolIndex,
- },
- "*"
- );
- } else if (i == 57) {
- if (!this.cid) {
- this.$message.error(
- "任务模式添加时不能添加模板，请添加课程后再修改添加模板"
- );
- return;
- }
- window.parent.postMessage(
- {
- tools: "57y",
- cid: this.cid,
- stage: this.unitIndex,
- task: itemTaskIndex,
- tool: toolIndex,
- },
- "*"
- );
- }else if(i == 69){
- this.englishList = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].englishList
- ? JSON.parse(
- JSON.stringify(
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].englishList
- )
- )
- : { };
- this.englishDialogVisible = true;
- }
- },
- chapAddTools(i) {
- if (this.chapTools[0].tools.length == 0) {
- this.chapTools[0].tools.push(i);
- } else {
- if (this.chapTools[0].tools.indexOf(i) != -1) {
- this.chapTools[0].tools.splice(this.chapTools[0].tools.indexOf(i), 1);
- } else {
- this.chapTools[0].tools.push(i);
- }
- }
- this.$forceUpdate();
- },
- addChaptersDataTools() {
- if (this.chapTools[0].tools.indexOf(4) != -1) {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.chapCount
- ].chapterData.push({
- name: this.chapTools[0].toolDetail,
- url: this.chapTools[0].tools,
- type: 7,
- askJson: this.askJson,
- });
- } else {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.chapCount
- ].chapterData.push({
- name: this.chapTools[0].toolDetail,
- url: this.chapTools[0].tools,
- type: 7,
- });
- }
- this.imgChange1(null, null, 7, this.chapCount);
- this.dialogVisible4 = false;
- },
- addTools(i, itemTaskIndex, toolIndex) {
- // if (
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- // .toolChoose[toolIndex].tool.length == 0
- // ) {
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- // itemTaskIndex
- // ].toolChoose[toolIndex].tool.push(i);
- // } else {
- // if (
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- // itemTaskIndex
- // ].toolChoose[toolIndex].tool.indexOf(i) != -1
- // ) {
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- // itemTaskIndex
- // ].toolChoose[toolIndex].tool.splice(
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- // itemTaskIndex
- // ].toolChoose[toolIndex].tool.indexOf(i),
- // 1
- // );
- // } else {
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- // itemTaskIndex
- // ].toolChoose[toolIndex].tool.push(i);
- // }
- // console.log(
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- // .toolChoose[toolIndex].tool
- // );
- // }
- if (i == 4) {
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].askJson.askTitle == "" ||
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].askJson[0].askstitle == "" ||
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].askJson[0].checkList < 2
- ) {
- this.openTools(itemTaskIndex, 4, toolIndex);
- // this.$message({
- // message: "请填写完整问卷内容",
- // type: "error",
- // });
- return;
- }
- }
- if (i == 45) {
- if (
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].testJson ||
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].testJson.testJson[0].teststitle == "" ||
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].testJson.testJson[0].checkList < 2
- ) {
- this.openTools(itemTaskIndex, 45, toolIndex);
- // this.$message({
- // message: "请填写完整问卷内容",
- // type: "error",
- // });
- return;
- }
- }
- if (i == 47) {
- if (
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].sentenceList ||
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].sentenceList[0].rightAnswer == 0
- ) {
- this.openTools(itemTaskIndex, 47, toolIndex);
- return;
- }
- }
- if(i == 69){
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].englishList.engTitle == "" ||
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].englishList.englishText == ""
- ) {
- this.openTools(itemTaskIndex, 69, toolIndex);
- return;
- }
- }
- // if (i == 48) {
- // if (
- // !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- // .toolChoose[toolIndex].tableJson
- // ) {
- // this.openTools(itemTaskIndex, 48, toolIndex);
- // return;
- // }
- // }
- // if (i == 50) {
- // if (
- // !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- // .toolChoose[toolIndex].uploadJson
- // ) {
- // this.openTools(itemTaskIndex, 50, toolIndex);
- // return;
- // }
- // }
- if (i == 49) {
- if (
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].groupJson
- ) {
- this.openTools(itemTaskIndex, 49, toolIndex);
- return;
- }
- }
- if (i == 62) {
- if (
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].videoJson
- ) {
- this.openTools(itemTaskIndex, 62, toolIndex);
- return;
- }
- }
- if (i == 15) {
- if (
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].answerQ ||
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].answerQ == ""
- ) {
- this.openTools(itemTaskIndex, 15, toolIndex);
- // this.$message({
- // message: "请填写问答内容",
- // type: "error",
- // });
- return;
- }
- }
- if (i == 40) {
- if (
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].rateJson ||
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].rateJson.length
- ) {
- this.openTools(itemTaskIndex, 40, toolIndex);
- return;
- }
- }
- if (i == 41) {
- if (
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].selectJson ||
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].selectJson.url == "" ||
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].selectJson.select.length ||
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].selectJson.answer.length
- ) {
- this.openTools(itemTaskIndex, 41, toolIndex);
- return;
- }
- }
- if (i == 42) {
- if (
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].answerQ ||
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].answerQ == ""
- ) {
- this.openTools(itemTaskIndex, 42, toolIndex);
- return;
- }
- }
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
- .toolChoose[toolIndex].tool.length > 0
- ) {
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].tool.indexOf(i) != -1
- ) {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].tool.splice(
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].tool.indexOf(i),
- 1
- );
- } else {
- // this.$message({
- // message: "每个工具只能添加一个",
- // type: "error",
- // });
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].tool = [];
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].tool.push(i);
- }
- } else {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- itemTaskIndex
- ].toolChoose[toolIndex].tool.push(i);
- }
- this.$forceUpdate();
- },
- addAskList(index) {
- this.askJson.askJson.splice(index + 1, 0, {
- askstitle: "",
- askItem: 1,
- checkList: [],
- })
- this.askJson.askCount++;
- },
- addTestList(index) {
- this.testJson.testJson.splice(index + 1, 0, {
- teststitle: "",
- testItem: 1,
- checkList: [],
- timuList: [],
- answer: [],
- type: "1",
- })
- this.testJson.testCount++;
- },
- deleteAskList(index) {
- if (!this.askJson.askJson[index].askstitle && this.askJson.askJson[index].askItem == 1 && !this.askJson.askJson[index].checkList[0]) {
- this.askJson.askJson.splice(index, 1);
- this.askJson.askCount--;
- } else {
- let _this = this;
- _this
- .$confirm("此操作不可撤销，是否继续？", "提示", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- _this.askJson.askJson.splice(index, 1);
- _this.askJson.askCount--;
- })
- .catch(() => {
- return;
- });
- }
- },
- deleteTestList(index) {
- if (!this.testJson.testJson[index].teststitle && this.testJson.testJson[index].testItem == 1 && !this.testJson.testJson[index].checkList[0]) {
- this.testJson.testJson.splice(index, 1);
- this.testJson.testCount--;
- } else {
- let _this = this;
- _this
- .$confirm("此操作不可撤销，是否继续？", "提示", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- _this.testJson.testJson.splice(index, 1);
- _this.testJson.testCount--;
- })
- .catch(() => {
- return;
- });
- }
- },
- askMove(type, index) {
- if (type == 1) {
- if (index > 0) {
- let a = JSON.parse(JSON.stringify(this.askJson.askJson[index - 1]));
- let b = JSON.parse(JSON.stringify(this.askJson.askJson[index]));
- this.askJson.askJson[index - 1] = b;
- this.askJson.askJson[index] = a;
- }
- } else {
- if (
- index < this.askJson.askJson.length - 1
- ) {
- let a = JSON.parse(JSON.stringify(this.askJson.askJson[index + 1]));
- let b = JSON.parse(JSON.stringify(this.askJson.askJson[index]));
- this.askJson.askJson[index + 1] = b;
- this.askJson.askJson[index] = a;
- }
- }
- this.$forceUpdate();
- },
- checkMove(type, index, checkIndex) {
- if (type == 1) {
- if (checkIndex > 0) {
- let a = JSON.parse(JSON.stringify(this.askJson.askJson[index].checkList[checkIndex - 1]));
- let b = JSON.parse(JSON.stringify(this.askJson.askJson[index].checkList[checkIndex]));
- this.askJson.askJson[index].checkList[checkIndex - 1] = b;
- this.askJson.askJson[index].checkList[checkIndex] = a;
- }
- } else {
- if (
- checkIndex < this.askJson.askJson[index].checkList.length - 1
- ) {
- let a = JSON.parse(JSON.stringify(this.askJson.askJson[index].checkList[checkIndex + 1]));
- let b = JSON.parse(JSON.stringify(this.askJson.askJson[index].checkList[checkIndex]));
- this.askJson.askJson[index].checkList[checkIndex + 1] = b;
- this.askJson.askJson[index].checkList[checkIndex] = a;
- }
- }
- this.$forceUpdate();
- },
- testMove(type, index) {
- if (type == 1) {
- if (index > 0) {
- let a = JSON.parse(JSON.stringify(this.testJson.testJson[index - 1]));
- let b = JSON.parse(JSON.stringify(this.testJson.testJson[index]));
- this.testJson.testJson[index - 1] = b;
- this.testJson.testJson[index] = a;
- }
- } else {
- if (
- index < this.testJson.testJson.length - 1
- ) {
- let a = JSON.parse(JSON.stringify(this.testJson.testJson[index + 1]));
- let b = JSON.parse(JSON.stringify(this.testJson.testJson[index]));
- this.testJson.testJson[index + 1] = b;
- this.testJson.testJson[index] = a;
- }
- }
- this.$forceUpdate();
- },
- tcheckMove(type, index, checkIndex) {
- if (type == 1) {
- if (checkIndex > 0) {
- let a = JSON.parse(JSON.stringify(this.testJson.testJson[index].checkList[checkIndex - 1]));
- let b = JSON.parse(JSON.stringify(this.testJson.testJson[index].checkList[checkIndex]));
- this.testJson.testJson[index].checkList[checkIndex - 1] = b;
- this.testJson.testJson[index].checkList[checkIndex] = a;
- }
- } else {
- if (
- checkIndex < this.testJson.testJson[index].checkList.length - 1
- ) {
- let a = JSON.parse(JSON.stringify(this.testJson.testJson[index].checkList[checkIndex + 1]));
- let b = JSON.parse(JSON.stringify(this.testJson.testJson[index].checkList[checkIndex]));
- this.testJson.testJson[index].checkList[checkIndex + 1] = b;
- this.testJson.testJson[index].checkList[checkIndex] = a;
- }
- }
- this.$forceUpdate();
- },
- addcheckList(json, index) {
- // json.checkList.length++;
- json.checkList.splice(index + 1, 0, '')
- json.askItem++;
- this.$forceUpdate();
- },
- deletecheckList(json, index) {
- // json.checkList.length--;
- json.checkList.splice(index, 1)
- json.askItem--;
- this.$forceUpdate();
- },
- addTcheckList(json, index) {
- // json.checkList.length++;
- json.checkList.splice(index + 1, 0, '')
- json.testItem++;
- this.$forceUpdate();
- },
- deleteTcheckList(json, index) {
- // json.checkList.length--;
- json.checkList.splice(index, 1)
- json.testItem--;
- this.$forceUpdate();
- },
- checkTestType(type, json) {
- json.type = type;
- setTimeout(() => {
- json.answer = [];
- }, 100)
- },
- checkAskType(type, json) {
- json.type = type;
- // json.checkList = [];
- this.$forceUpdate();
- },
- addSelectList(json) {
- json.select.push("");
- json.answer.push("");
- },
- deleteSelectList(json) {
- // json.select.length--;
- // json.answer.length--;
- json.select.splice(json.select.length - 1, 1);
- json.answer.splice(json.answer.length - 1, 1);
- },
- addAsk() {
- if (this.askJson.askTitle === "") {
- this.$message.error("标题不能为空！");
- return;
- }
- var aj = this.askJson.askJson;
- var b = 1;
- for (var i = 0; i < aj.length; i++) {
- if (aj[i].askstitle === "") {
- var a = 1;
- for (let index = 0; index < aj[i].askItem; index++) {
- const element = aj[i].checkList[index]
- ? aj[i].checkList[index]
- : "";
- if (element != "") {
- b++;
- this.$message.error(`请将题目${i + 1}填写完整。`);
- return;
- } else {
- a++;
- }
- }
- if (b == 1) {
- this.$message.error("至少填写一个问题");
- return;
- }
- } else if (aj[i].askstitle != "") {
- for (let index = 0; index < aj[i].askItem; index++) {
- const element = aj[i].checkList[index]
- ? aj[i].checkList[index]
- : "";
- var index = 0;
- for (var z = 0; z < aj[i].checkList.length; z++) {
- var checkC = aj[i].checkList[z] ? aj[i].checkList[z] : "";
- if (checkC != "") {
- index++;
- } else {
- this.$message.error(`题目${i + 1}选项不能为空！`);
- return;
- }
- for (var z2 = z + 1; z2 < aj[i].checkList.length; z2++) {
- let checkC2 = aj[i].checkList[z2] ? aj[i].checkList[z2] : "";
- if (checkC == checkC2) {
- this.$message.error(`第${i + 1}题的选项${z + 1}和选项${z2 + 1}重复了，请修改！`);
- return;
- }
- }
- }
- b++;
- if (index < 2) {
- this.$message.error("每道题目至少需要设置2个选项。");
- return;
- }
- }
- }
- }
- this.askJson.askJson = this.askJson.askJson.filter((el) => {
- var elc = el.checkList.filter((element) => {
- return element != "";
- });
- return el.askstitle != "" && elc.length != 0;
- });
- if (!this.dialogVisible4) {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].toolChoose[this.toolIndex] = this.askJson;
- }
- this.dialogVisible5 = false;
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
- .toolChoose[this.toolIndex].tool != 4
- ) {
- this.addTools(4, this.taskCount, this.toolIndex);
- }
- },
- addTest() {
- // if (this.testJson.testTitle === "") {
- // this.$message.error("标题不能为空！");
- // return;
- // }
- var aj = this.testJson.testJson;
- var b = 1;
- for (var i = 0; i < aj.length; i++) {
- if (aj[i].teststitle === "" && aj[i].timuList.length == 0) {
- var a = 1;
- for (let index = 0; index < aj[i].testItem; index++) {
- const element = aj[i].checkList[index]
- ? aj[i].checkList[index]
- : "";
- if (element != "") {
- b++;
- this.$message.error(`请将题目${i + 1}填写完整。`);
- return;
- } else {
- a++;
- }
- }
- if (b == 1) {
- this.$message.error("至少填写一个问题");
- return;
- }
- } else if (aj[i].teststitle != "" || aj[i].timuList.length > 0) {
- for (let index = 0; index < aj[i].testItem; index++) {
- const element = aj[i].checkList[index]
- ? aj[i].checkList[index]
- : "";
- var index = 0;
- for (var z = 0; z < aj[i].checkList.length; z++) {
- var checkC = aj[i].checkList[z] ? aj[i].checkList[z] : "";
- if (checkC != "") {
- index++;
- } else {
- this.$message.error(`题目${i + 1}选项不能为空！`);
- return;
- }
- for (var z2 = z + 1; z2 < aj[i].checkList.length; z2++) {
- let checkC2 = aj[i].checkList[z2] ? aj[i].checkList[z2] : "";
- if (checkC == checkC2) {
- this.$message.error(`第${i + 1}题的选项${z + 1}和选项${z2 + 1}重复了，请修改！`);
- return;
- }
- }
- }
- b++;
- if (index < 2) {
- this.$message.error("每道题目至少需要设置2个选项。");
- return;
- }
- if (
- (aj[i].type == "2" && !aj[i].answer.length) ||
- (aj[i].type == "1" && ((typeof aj[i].answer == 'object' && !aj[i].answer.length) || (aj[i].answer !== 0 && !aj[i].answer)))
- ) {
- this.$message.error(`请将题目${i + 1}的正确选项设置完整`);
- return;
- }
- }
- }
- }
- var isTestJson = JSON.parse(JSON.stringify(this.testJson));
- isTestJson.testJson = this.testJson.testJson.filter((el) => {
- var elc = el.checkList.filter((element) => {
- return element != "";
- });
- return (
- (el.teststitle != "" || el.timuList.length > 0) && elc.length != 0
- );
- });
- isTestJson.testCount = isTestJson.testJson.length;
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].toolChoose[this.toolIndex].testJson = isTestJson;
- this.dialogVisibleChoice = false;
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
- .toolChoose[this.toolIndex].tool != 45
- ) {
- this.addTools(45, this.taskCount, this.toolIndex);
- }
- },
- addVideoJson(videoJson) {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].toolChoose[this.toolIndex].videoJson = videoJson;
- this.dialogVisibleVideo = false;
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
- .toolChoose[this.toolIndex].tool != 62
- ) {
- this.addTools(62, this.taskCount, this.toolIndex);
- }
- },
- //自动获取剪贴板
- pasteOption() {
- let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
- if (!iframe) {
- this.$message.error("请使用AI共创生成题目");
- return;
- }
- let copyData = iframe.contentWindow.copyData;
- if (!copyData || !copyData.selectData.length) {
- this.$message.error("请使用AI共创生成题目");
- return;
- }
- let selectData = copyData.selectData;
- for (var i = 0; i < selectData.length; i++) {
- let answer = 0;
- switch (selectData[i].answer[0]) {
- case "A":
- answer = 0;
- break;
- case "B":
- answer = 1;
- break;
- case "C":
- answer = 2;
- break;
- case "D":
- answer = 3;
- break;
- case "E":
- answer = 4;
- break;
- default:
- break;
- }
- this.testJson.testJson.push({
- teststitle: selectData[i].subject,
- testItem: selectData[i].options.length,
- checkList: selectData[i].options,
- timuList: [],
- answer: answer,
- type: "1",
- });
- this.testJson.testCount++;
- }
- var isTestJson = JSON.parse(JSON.stringify(this.testJson));
- isTestJson.testJson = this.testJson.testJson.filter((el) => {
- var elc = el.checkList.filter((element) => {
- return element != "";
- });
- return (
- (el.teststitle != "" || el.timuList.length > 0) && elc.length != 0
- );
- });
- isTestJson.testCount = isTestJson.testJson.length;
- this.testJson = isTestJson;
- this.$forceUpdate();
- },
- pasteTask() {
- let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
- if (!iframe) {
- this.$message.error("请使用AI共创生成");
- return;
- }
- let copyData = iframe.contentWindow.copyData;
- if (!copyData || !copyData.tasksData || !copyData.tasksData.length) {
- this.$message.error("请使用AI共创生成");
- return;
- }
- let stageTasksData = copyData.tasksData;
- let taskA = [];
- let tasks = stageTasksData;
- for (var j = 0; j < tasks.length; j++) {
- taskA.push({
- task: tasks[j].taskName,
- taskDetail: tasks[j].taskDecs,
- chapterData: [],
- toolText: "",
- toolChoose: [
- {
- tool: [],
- toolDetail: "",
- toolType: 0,
- askCount: 1,
- askTitle: "",
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
- },
- ],
- isShowTools: false,
- askCount: 1,
- isFold: 0,
- askTitle: "",
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
- checkJson: [{ checkCount: [], checkPerent: [] }],
- homeworkList: [],
- });
- }
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson = taskA;
- this.$forceUpdate();
- },
- pasteStage() {
- let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
- if (!iframe) {
- this.$message.error("请使用AI共创生成");
- return;
- }
- let copyData = iframe.contentWindow.copyData;
- if (!copyData || !copyData.stageData || !copyData.stageData.length) {
- this.$message.error("请使用AI共创生成");
- return;
- }
- let stageData = copyData.stageData;
- let stage = [];
- for (var i = 0; i < stageData.length; i++) {
- stage.push({
- dyName: stageData[i], //单元标题
- chapterInfo: [
- {
- isread: false,
- chapterid: this.guid(),
- title: "",
- courseName: "",
- taskJson: [
- {
- task: "",
- taskDetail: "",
- chapterData: [],
- toolText: "",
- toolChoose: [
- {
- tool: [],
- toolDetail: "",
- toolType: 0,
- askCount: 1,
- askTitle: "",
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
- },
- ],
- isShowTools: false,
- askCount: 1,
- isFold: 0,
- askTitle: "",
- askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
- checkJson: [{ checkCount: [], checkPerent: [] }],
- homeworkList: [],
- },
- ],
- itemCount: 1,
- fileList1: [],
- video: [],
- testData: [],
- pData: [],
- templateArray: [],
- },
- ],
- });
- }
- let _this = this;
- _this
- .$confirm("确定选择智能粘贴模式吗?", "提示", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- _this.unitIndex = 0;
- _this.unitJson = stage;
- _this.steps++;
- _this.updateWork();
- })
- .catch(() => {
- return;
- });
- },
- addAnswer() {
- if (this.answerQ == "") {
- this.$message.error("请输入您想要问的问题");
- return;
- }
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].toolChoose[this.toolIndex].answerQ = this.answerQ;
- this.dialogVisible8 = false;
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
- .toolChoose[this.toolIndex].tool != 15
- ) {
- this.addTools(15, this.taskCount, this.toolIndex);
- }
- },
- addMp3Answer() {
- if (this.answerQ == "") {
- this.$message.error("请输入您想要回答的问题");
- return;
- }
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].toolChoose[this.toolIndex].answerQ = this.answerQ;
- this.dialogVisibleMp3 = false;
- },
- addRateAnswer() {
- var a = 1;
- for (var i = 0; i < this.rateJson.length; i++) {
- if (this.rateJson[i].value == "") {
- a = 2;
- break;
- }
- }
- if (a == 2) {
- this.$message.error("请把评价信息填写完整");
- return;
- }
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].toolChoose[this.toolIndex].rateJson = this.rateJson;
- this.dialogVisibleRate = false;
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
- .toolChoose[this.toolIndex].tool != 40
- ) {
- this.addTools(40, this.taskCount, this.toolIndex);
- }
- },
- addSelectAnswer() {
- if (this.selectJson.url == "") {
- this.$message.error("请上传题目");
- return;
- }
- if (!this.selectJson.select.length) {
- this.$message.error("请添加选项");
- return;
- }
- if (!this.selectJson.answer.length) {
- this.$message.error("请设置答案");
- return;
- }
- var a = 1;
- for (var i = 0; i < this.selectJson.answer.length; i++) {
- if (!this.selectJson.answer[i] && this.selectJson.answer[i] !== 0) {
- a = 2;
- }
- }
- if (a == 2) {
- this.$message.error("请设置答案");
- return;
- }
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].toolChoose[this.toolIndex].selectJson = this.selectJson;
- this.dialogVisibleSelect = false;
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
- .toolChoose[this.toolIndex].tool != 41
- ) {
- this.addTools(41, this.taskCount, this.toolIndex);
- }
- },
- nextSelectSteps() {
- if (this.selectJson.url == "") {
- this.$message.error("请上传题目");
- return;
- }
- if (!this.selectJson.select.length) {
- this.$message.error("请添加选项");
- return;
- } else {
- for (var z = 0; z < this.selectJson.select.length; z++) {
- let checkC = this.selectJson.select[z];
- for (var z2 = z + 1; z2 < this.selectJson.select.length; z2++) {
- let checkC2 = this.selectJson.select[z2];
- if (checkC == checkC2) {
- this.$message.error(`选项${z + 1}和选项${z2 + 1}重复了，请修改！`);
- return;
- }
- }
- }
- }
- var a = 1;
- for (var i = 0; i < this.selectJson.select.length; i++) {
- if (!this.selectJson.select[i]) {
- a = 2;
- }
- }
- if (a == 2) {
- this.$message.error("添加的选项不能为空");
- return;
- }
- this.selectSteps++;
- },
- selectCourseDetail() {
- if (this.cid == "" || this.cid == undefined) {
- console.log("这是新增课程");
- this.selectAllType();
- } else {
- this.cidType = 1;
- let params = {
- cid: this.cid,
- };
- this.ajax
- .get(this.$store.state.api + "select_course_detail", params)
- .then((res) => {
- this.loading = true;
- this.unitJson = JSON.parse(res.data[0][0].chapters);
- for (var j = 0; j < this.unitJson.length; j++) {
- for (
- var k = 0;
- k < this.unitJson[j].chapterInfo[0].taskJson.length;
- k++
- ) {
- this.unitJson[j].chapterInfo[0].taskJson[k].toolChoose = this
- .unitJson[j].chapterInfo[0].taskJson[k].toolChoose
- ? this.unitJson[j].chapterInfo[0].taskJson[k].toolChoose
- : [];
- let _chapterData = [];
- for (
- var c = 0;
- c <
- this.unitJson[j].chapterInfo[0].taskJson[k].chapterData
- .length;
- c++
- ) {
- if (
- this.unitJson[j].chapterInfo[0].taskJson[k].chapterData[c]
- ) {
- _chapterData.push(
- this.unitJson[j].chapterInfo[0].taskJson[k].chapterData[c]
- );
- }
- }
- this.unitJson[j].chapterInfo[0].taskJson[k].chapterData =
- _chapterData;
- }
- }
- this.$forceUpdate();
- this.courseName = res.data[0][0].title;
- this.courseText = res.data[0][0].brief;
- this.evalua = res.data[0][0].evaId;
- this.cover = JSON.parse(res.data[0][0].cover);
- this.noneBtnImg = this.cover.length >= 1;
- // this.checkboxList =
- // res.data[0][0].course_student.length > 0
- // ? JSON.parse(res.data[0][0].course_student)
- // : [];
- this.checkboxList2 = res.data[0][0].juri
- ? res.data[0][0].juri.split(",")
- : [];
- this.inviteCode = [];
- for (var i = 0; i < res.data[2].length; i++) {
- this.inviteCode.push({
- cid: res.data[2][i].classid,
- ic: res.data[2][i].code,
- });
- }
- this.checkboxList3 = res.data[0][0].course_teacher
- ? res.data[0][0].course_teacher.split(",")
- : [];
- // this.isTeacherSee =
- // res.data[0][0].is_teacher_look == 0 ? true : false;
- this.isTeacherSee = res.data[0][0].open == 1 ? true : false;
- this.myWord = res.data[0][0].template;
- this.templateC.id = "123";
- this.courseUserid = res.data[0][0].userid;
- // if(this.courseUserid == this.userid){
- // this.InviteChange(this.checkboxList2)
- // }
- this.nbOrder = res.data[0][0].ordernumber;
- this.courseTypeId = [];
- for (var i = 0; i < res.data[1].length; i++) {
- this.courseTypeId.push(res.data[1][i].typeid);
- }
- console.log(this.courseTypeId);
- // if (this.timer) clearInterval(this.timer);
- if (this.timer) clearTimeout(this.timer);
- this.timer = null;
- // this.timer = setInterval(() => {
- // this.seleteCourseUpdate();
- this.setMan();
- this.selectAllType();
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[0].toolOpen = true
- // }, 5000);
- this.$forceUpdate();
- setTimeout(() => {
- this.checkEva(this.evalua);
- }, 0);
- })
- .catch((err) => {
- console.error(err);
- });
- }
- },
- seleteCourseUpdate() {
- let params = {
- cid: this.cid,
- };
- this.ajax
- .get(this.$store.state.api + "select_course_detail", params)
- .then((res) => {
- // console.log(this.unitJson);
- let unitJson = JSON.parse(res.data[0][0].chapters);
- this.unitJson2 = JSON.parse(res.data[0][0].chapters);
- let _unitJson2 = JSON.parse(JSON.stringify(this.unitJson));
- let _unitJson = [];
- let _chapAarry = [];
- let _unitIndex = JSON.parse(JSON.stringify(this.unitIndex));
- let _unitIndex2 = JSON.parse(JSON.stringify(this.unitIndex));
- let index = 1;
- let chapindex;
- if (_unitJson2.length > unitJson.length) {
- for (let c = 0; c < _unitJson2.length; c++) {
- _chapAarry.push(_unitJson2[c].chapterInfo[0].chapterid);
- }
- for (let j = 0; j < unitJson.length; j++) {
- let count = 0;
- for (let k = 0; k < _unitJson2.length; k++) {
- if (
- unitJson[j].chapterInfo[0].chapterid ==
- _unitJson2[k].chapterInfo[0].chapterid
- ) {
- count++;
- _chapAarry.splice(
- _chapAarry.indexOf(_unitJson2[k].chapterInfo[0].chapterid),
- 1
- );
- _unitJson.push(unitJson[j]);
- break;
- }
- }
- // if(count === 0){
- // this.$message.error("您所修改的阶段已经被其他老师删除了");
- // }
- }
- for (let k = 0; k < _unitJson2.length; k++) {
- if (_unitJson2[k].isUpdate == 1) {
- _chapAarry.splice(
- _chapAarry.indexOf(_unitJson2[k].chapterInfo[0].chapterid),
- 1
- );
- _unitJson.push(_unitJson2[k]);
- }
- }
- console.log(_chapAarry);
- for (let d = 0; d < _unitJson2.length; d++) {
- if (
- _chapAarry.indexOf(_unitJson2[d].chapterInfo[0].chapterid) != -1
- ) {
- if (_unitIndex == d) {
- index = 2;
- }
- chapindex = d;
- // this.$message.error("您所修改的阶段已经被其他老师删除了");
- }
- }
- } else {
- _unitJson = JSON.parse(JSON.stringify(_unitJson2));
- }
- for (let i = 0; i < unitJson.length; i++) {
- if (
- (i < _unitJson.length - 1 || i == _unitJson.length - 1) &&
- _unitJson[i].chapterInfo[0].chapterid !=
- unitJson[i].chapterInfo[0].chapterid
- ) {
- if (i == _unitJson.length - 1) {
- // this.unitIndex++
- _unitIndex2++;
- }
- _unitJson.splice(i, 0, unitJson[i]);
- } else if (i > _unitJson.length - 1) {
- _unitJson.push(unitJson[i]);
- } else if (
- _unitJson[i].chapterInfo[0].chapterid ==
- unitJson[i].chapterInfo[0].chapterid
- ) {
- _unitJson[i] = unitJson[i];
- }
- // if (i == _unitIndex) {
- // continue;
- // } else
- }
- if (_chapAarry.length && index != 2) {
- if (chapindex < _unitIndex) {
- this.isDelete = 2;
- // this.unitIndex--;
- _unitIndex2--;
- } else if (
- _unitJson2[_unitIndex].chapterInfo[0].chapterid !=
- _unitJson[_unitIndex].chapterInfo[0].chapterid
- ) {
- this.isDelete = 2;
- for (let n = 0; n < _unitJson.length; n++) {
- if (
- _unitJson2[_unitIndex].chapterInfo[0].chapterid ==
- _unitJson[n].chapterInfo[0].chapterid
- ) {
- // this.unitIndex = n;
- _unitIndex2 = n;
- _unitJson[n] = _unitJson2[_unitIndex];
- break;
- }
- }
- }
- } else if (index != 2) {
- // _unitJson[this.unitIndex] = _unitJson2[_unitIndex];
- _unitJson2[_unitIndex];
- for (
- var ci = 0;
- ci < _unitJson2[_unitIndex].chapterInfo[0].taskJson.length;
- ci++
- ) {
- _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].toolChoose =
- _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].toolChoose
- ? _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci]
- .toolChoose
- : [];
- let _chapterData = [];
- for (
- var c = 0;
- c <
- _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].chapterData
- .length;
- c++
- ) {
- if (
- _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci]
- .chapterData[c]
- ) {
- _chapterData.push(
- _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci]
- .chapterData[c]
- );
- }
- }
- _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].chapterData =
- _chapterData;
- }
- _unitJson[_unitIndex2] = _unitJson2[_unitIndex];
- }
- if (index == 1) {
- this.unitJson = _unitJson;
- this.$forceUpdate();
- setTimeout(() => {
- if (this.unitIndex != _unitIndex2) {
- this.isDelete = 2;
- this.unitIndex = _unitIndex2;
- }
- }, 0);
- this.timer = setTimeout(() => {
- this.seleteCourseUpdate();
- }, 1000);
- } else if (index == 2) {
- let _this = this;
- _this
- .$confirm(
- "您所修改的阶段已经被其他老师删除了,需要恢复嘛?",
- "提示",
- {
- confirmButtonText: "需要",
- cancelButtonText: "取消",
- type: "warning",
- }
- )
- .then(() => {
- if (_this.time()) {
- _this.restoreWork(
- _chapAarry[0],
- _unitJson,
- chapindex,
- _unitJson2,
- _unitIndex2
- );
- }
- })
- .catch(() => {
- _this.unitJson = _unitJson;
- _this.$forceUpdate();
- setTimeout(() => {
- if (this.unitIndex != _unitIndex2) {
- this.isDelete = 2;
- this.unitIndex = _unitIndex2;
- }
- }, 0);
- _this.timer = setTimeout(() => {
- _this.seleteCourseUpdate();
- }, 1000);
- });
- }
- })
- .catch((err) => {
- console.error(err);
- });
- },
- restoreWork(chapid, unitJson, chapindex, unitJson2, unitIndex2) {
- let params = [
- {
- cid: this.cid,
- chapters: JSON.stringify(this.unitJson),
- uid: this.userid,
- chapid: chapid,
- },
- ];
- this.ajax
- .post(this.$store.state.api + "restoreWork", params)
- .then((res) => {
- this.$message({
- message: "恢复成功",
- type: "success",
- });
- unitJson.splice(chapindex, 0, unitJson2[chapindex]);
- this.unitJson = unitJson;
- this.$forceUpdate();
- setTimeout(() => {
- if (this.unitIndex != unitIndex2) {
- this.isDelete = 2;
- this.unitIndex = unitIndex2;
- }
- }, 0);
- this.timer = setTimeout(() => {
- this.seleteCourseUpdate();
- }, 1000);
- })
- .catch((err) => {
- this.$message.error("网络不佳");
- console.error(err);
- });
- },
- getTypeName() {
- console.log(this.courseTypeId);
- this.$forceUpdate();
- },
- selectAllType() {
- let params = {
- org: this.org && this.org != "" ? this.org : "",
- oid: this.oid && this.oid != "" ? this.oid : "",
- };
- this.ajax
- .get(this.$store.state.api + "selectAllType", params)
- .then((res) => {
- if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
- res.data[0] = [...res.data[0], ...res.data[4]]
- }
- this.CourseType = res.data;
- this.CourseType2 = [
- { name: "智见课程", id: [] },
- { name: "智行课程", id: [] },
- { name: "智创课程", id: [] },
- ];
- for (var cti = 0; cti < res.data[0].length; cti++) {
- if (
- res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86db5" ||
- res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86db5"
- ) {
- this.CourseType2[0].id.push(res.data[0][cti].id);
- } else if (res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86ac5" ||
- res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86ac5") {
- this.CourseType2[1].id.push(res.data[0][cti].id);
- } else if (res.data[0][cti].id == "34629bcc-d02f-11ec-8c78-005056b86db5") {
- this.CourseType2[2].id.push(res.data[0][cti].id);
- }
- if (res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86db5" || res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86ac5") {
- res.data[0][cti].name = "年级";
- } else if (res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86db5" || res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86ac5") {
- res.data[0][cti].name = "学科";
- } else if (res.data[0][cti].id == "34629bcc-d02f-11ec-8c78-005056b86db5") {
- res.data[0][cti].name = "主题";
- }
- }
- let _courseTypeId = [];
- for (var i = 0; i < res.data[0].length; i++) {
- if (!this.cid) {
- this.courseTypeId[res.data[0][i].id] = [];
- }
- // if (!this.CourseTypeJson[res.data[0][i].id]) {
- // }
- this.CourseTypeJson[res.data[0][i].id] = [];
- if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
- if (res.data[0][i].name == "栏目") {
- this.CourseType[0][i].name = "主题";
- }
- }
- if (res.data[2].length == 0 && res.data[3].length == 0) {
- for (var j = 0; j < res.data[1].length; j++) {
- if (
- this.courseTypeId.indexOf(res.data[1][j].id) != -1 &&
- _courseTypeId.indexOf(res.data[1][j].id) == -1
- ) {
- _courseTypeId.push(res.data[1][j].id);
- }
- if (res.data[0][i].id == res.data[1][j].pid) {
- this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分类
- }
- }
- } else {
- if (res.data[2].length > 0) {
- for (var j = 0; j < res.data[2].length; j++) {
- if (
- this.courseTypeId.indexOf(res.data[2][j].id) != -1 &&
- _courseTypeId.indexOf(res.data[2][j].id) == -1
- ) {
- _courseTypeId.push(res.data[2][j].id);
- }
- if (res.data[0][i].id == res.data[2][j].pid) {
- this.CourseTypeJson[res.data[0][i].id].push(res.data[2][j]); // 去除公共分类
- }
- }
- }
- if (res.data[3].length > 0) {
- for (var j = 0; j < res.data[3].length; j++) {
- if (
- this.courseTypeId.indexOf(res.data[3][j].id) != -1 &&
- _courseTypeId.indexOf(res.data[3][j].id) == -1
- ) {
- _courseTypeId.push(res.data[3][j].id);
- }
- if (res.data[0][i].id == res.data[3][j].pid) {
- this.CourseTypeJson[res.data[0][i].id].push(res.data[3][j]); // 去除公共分类
- }
- }
- }
- }
- }
- this.courseTypeId = _courseTypeId;
- })
- .catch((err) => {
- console.error(err);
- });
- },
- selectType() {
- this.ajax
- .get(this.$store.state.api + "selectType")
- .then((res) => {
- this.CourseType = res.data;
- for (var i = 0; i < res.data[0].length; i++) {
- if (!this.cid) {
- this.courseTypeId[res.data[0][i].id] = "";
- }
- if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
- if (res.data[0][i].name == "栏目") {
- this.CourseType[0][i].name = "主题";
- }
- }
- for (var j = 0; j < res.data[1].length; j++) {
- if (res.data[0][i].id == res.data[1][j].pid) {
- if (!this.CourseTypeJson[res.data[0][i].id]) {
- this.CourseTypeJson[res.data[0][i].id] = [];
- }
- this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分类
- }
- }
- }
- this.selectTypeByOid();
- this.selectTypeByOrg();
- })
- .catch((err) => {
- console.error(err);
- });
- },
- selectTypeByOid() {
- let params = {
- oid: this.oid,
- };
- this.ajax
- .get(this.$store.state.api + "selectTypeByOid", params)
- .then((res) => {
- for (var i = 0; i < res.data[0].length; i++) {
- for (var j = 0; j < res.data[1].length; j++) {
- if (res.data[0][i].id == res.data[1][j].pid) {
- if (!this.CourseTypeJson[res.data[0][i].id]) {
- this.CourseTypeJson[res.data[0][i].id] = [];
- }
- this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
- }
- }
- }
- })
- .catch((err) => {
- console.error(err);
- });
- },
- selectTypeByOrg() {
- let params = {
- oid: this.org,
- };
- this.ajax
- .get(this.$store.state.api + "selectTypeByOrg", params)
- .then((res) => {
- for (var i = 0; i < res.data[0].length; i++) {
- for (var j = 0; j < res.data[1].length; j++) {
- if (res.data[0][i].id == res.data[1][j].pid) {
- if (!this.CourseTypeJson[res.data[0][i].id]) {
- this.CourseTypeJson[res.data[0][i].id] = [];
- }
- this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
- }
- }
- }
- this.$forceUpdate();
- })
- .catch((err) => {
- console.error(err);
- });
- },
- OtherMb(type) {
- this.typeMode = type;
- setTimeout(() => {
- this.checkEva(this.checkId);
- }, 0);
- },
- openMember() {
- this.searchTN = "";
- this.getTeacher();
- this.dialogVisibleMember = true;
- },
- checkEva(id, type) {
- this.dialogVisiblemb = false;
- this.selectEva();
- if (this.evalua != id && type == 2) {
- this.$message.success("导入成功");
- }
- this.evalua = id;
- this.checkId = id;
- if (this.evalua != "") {
- for (var i = 0; i < this.evaJuri.length; i++) {
- if (this.evalua == this.evaJuri[i].id) {
- this.eTitle = this.evaJuri[i].title;
- this.eJson = JSON.parse(this.evaJuri[i].content);
- }
- }
- this.data.data = [];
- this.$forceUpdate();
- setTimeout(() => {
- this.setMindData();
- }, 500);
- }
- },
- deleteEva() {
- let _this = this;
- if (_this.evalua == "") {
- this.$message.warning("内容已经清空了，请勿重复清空");
- return;
- }
- _this
- .$confirm("确定删除此目标吗?", "提示", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- })
- .then(() => {
- _this.evalua = "";
- _this.checkId = "";
- _this.eTitle = "";
- let _unitJson = _this.unitJson;
- for (var i = 0; i < _unitJson.length; i++) {
- let _task = _unitJson[i].chapterInfo[0].taskJson;
- for (var j = 0; j < _task.length; j++) {
- let _eList = _task[j].eList;
- for (var k = 0; k < _eList.length; k++) {
- delete _eList[k].target;
- }
- }
- }
- _this.$forceUpdate();
- if (_this.cid) {
- _this.updateWork();
- }
- })
- .catch(() => {
- return;
- });
- },
- selectEva() {
- let params = {
- oid: this.oid,
- };
- this.ajax
- .get(this.$store.state.api + "selectAllEvaluation", params)
- .then((res) => {
- this.evaJuri = res.data[0];
- })
- .catch((err) => {
- console.error(err);
- });
- },
- setMindData() {
- let targetArray = [];
- this.data.data = [];
- this.data.data.push({ id: "root", isroot: true, topic: this.eTitle });
- let _eJson = Object.keys(this.eJson);
- let _e = this.eJson;
- for (let i = 0; i < _eJson.length; i++) {
- let element = _e[_eJson[i]];
- this.data.data.push({
- id: element.id,
- parentid: "root",
- topic: element.name,
- });
- // targetArray.push({
- // id: element.id,
- // parentid: "root",
- // name: element.name,
- // });
- targetArray.push({
- value: element.name,
- label: element.name,
- children: [],
- });
- let _eJsonc = Object.keys(element.child);
- let _e2 = element.child;
- for (let j = 0; j < _eJsonc.length; j++) {
- let _ec = _e2[_eJsonc[j]];
- this.data.data.push({
- id: _ec.id,
- parentid: element.id,
- topic: _ec.name,
- });
- // targetArray.push({
- // id: _ec.id,
- // parentid: element.id,
- // name: _ec.name,
- // });
- targetArray[i].children.push({
- value: _ec.name,
- label: _ec.name,
- children: [],
- });
- let _eJsonz = Object.keys(_ec.child);
- let _e3 = _ec.child;
- for (let z = 0; z < _eJsonz.length; z++) {
- let _ez = _e3[_eJsonz[z]];
- this.data.data.push({
- id: _ez.id,
- parentid: _ec.id,
- topic: _ez.name,
- });
- // targetArray.push({
- // id: _ez.id,
- // parentid: _ec.id,
- // name: _ez.name,
- // });
- targetArray[i].children[j].children.push({
- value: _ez.name,
- label: _ez.name,
- });
- }
- }
- }
- this.targetArray = targetArray;
- this.$forceUpdate();
- },
- /*添加评价 */
- addEList(index, tIndex) {
- this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList
- ? this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList.push({
- value: "",
- detail: "",
- score: 5,
- })
- : (this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList = [
- { value: "", detail: "", score: 5 },
- ]);
- this.$forceUpdate();
- },
- forceUpdate() {
- this.$forceUpdate();
- },
- deletEList(index, tIndex, eIndex) {
- this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList.splice(
- eIndex,
- 1
- );
- this.$forceUpdate();
- },
- getChoosePic(t) {
- this.chooseType = t;
- this.getAllBanner();
- },
- getAllBanner() {
- this.sysPicVisible = true;
- let params = {
- t: this.chooseType,
- };
- this.ajax
- .get(this.$store.state.api + "selectAllBanner", params)
- .then((res) => {
- this.sysPic = res.data[0];
- })
- .catch((err) => {
- console.error(err);
- });
- },
- // getClass() {
- // let params = {
- // oid: this.oid,
- // };
- // this.ajax
- // .get(this.$store.state.api + "selectClassBySchool", params)
- // .then((res) => {
- // this.classJuri = res.data[0];
- // })
- // .catch((err) => {
- // console.error(err);
- // });
- // },
- deleteSysPic() {
- this.cover = [];
- this.isSysPic = false;
- this.isSysPic2 = false;
- },
- deleteSelectPic() {
- this.selectJson.url = "";
- },
- setEListStar() {
- this.$forceUpdate();
- },
- deletRateList(i) {
- this.rateJson.splice(i, 1);
- },
- addRateList() {
- this.rateJson.push({ detail: "", score: 5, value: "" });
- },
- addSt() {
- this.sentenceList.push({
- sentenceTitle: "",
- addSentence: [],
- rightAnswer: [],
- });
- },
- addSen(i) {
- if (!this.sentenceList[i].sentenceTitle) {
- this.$message.error("请填写卡片内容！");
- return;
- }
- if (this.sentenceList[i].sentenceTitle.length > 10) {
- this.$message.error("卡片内容字数不能超过10位");
- return;
- }
- if (this.sentenceList[i].addSentence.indexOf(this.sentenceList[i].sentenceTitle) !== -1) {
- this.$message.error("不能添加重复的卡片内容！");
- return;
- }
- this.sentenceList[i].addSentence.push(this.sentenceList[i].sentenceTitle);
- // this.isPushTitleList.push(this.sentenceTitle);
- this.sentenceList[i].sentenceTitle = "";
- },
- setRightAnswer(s, i, j) {
- if (this.sentenceList[i].rightAnswer.indexOf(s) == -1) {
- this.sentenceList[i].rightAnswer.push(s);
- }
- },
- returnCard(r, i, j) {
- this.sentenceList[i].rightAnswer.splice(j, 1);
- },
- addSentenceTool() {
- for (var i = 0; i < this.sentenceList.length; i++) {
- if (this.sentenceList[i].rightAnswer.length == 0) {
- this.$message.error(`请将题目${i + 1}设置完整。`);
- return;
- }
- if (
- this.sentenceList[i].addSentence.length !=
- this.sentenceList[i].rightAnswer.length
- ) {
- this.$message.error(`请将题目${i + 1}设置完整。`);
- return;
- }
- }
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].toolChoose[this.toolIndex].sentenceList = this.sentenceList;
- this.sentenceList = [
- { sentenceTitle: "", addSentence: [], rightAnswer: [] },
- ];
- this.dialogVisibleSentence = false;
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- // itemTaskIndex
- // ].toolChoose[toolIndex].tool = [];
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- // itemTaskIndex
- // ].toolChoose[toolIndex].tool.push(i);
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
- .toolChoose[this.toolIndex].tool != 47
- ) {
- this.addTools(47, this.taskCount, this.toolIndex);
- }
- },
- addTableJson() {
- // if (this.tableJson.text == "" || this.tableJson.text == "<p></p>") {
- // this.$message.error("请将信息填写完整！");
- // return;
- // }
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].toolChoose[this.toolIndex].tableJson = this.tableJson;
- // this.tableJson = [{ text: "" }];
- // this.dialogVisibleTable = false;
- this.$message.success("上传成功");
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
- .toolChoose[this.toolIndex].tool != 48
- ) {
- this.addTools(48, this.taskCount, this.toolIndex);
- }
- },
- addWordJson() {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].toolChoose[this.toolIndex].wordJson = this.wordJson;
- // this.wordJson = [{ text: "" }];
- // this.dialogVisibleWord = false;
- this.$message.success("上传成功");
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
- .toolChoose[this.toolIndex].tool != 52
- ) {
- this.addTools(52, this.taskCount, this.toolIndex);
- }
- },
- addMoreUpload() {
- if (this.uploadJson.length == 0) {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].toolChoose[this.toolIndex].uploadJson = [];
- } else {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].toolChoose[this.toolIndex].uploadJson = this.uploadJson;
- }
- this.uploadJson = [];
- this.dialogVisibleMoreUpload = false;
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
- .toolChoose[this.toolIndex].tool != 50
- ) {
- this.addTools(50, this.taskCount, this.toolIndex);
- }
- },
- addPreTime() {
- if (this.preTime == 0) {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].toolChoose[this.toolIndex].preTime = 0;
- } else {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].toolChoose[this.toolIndex].preTime = this.preTime;
- }
- this.preTime = 0;
- this.dialogVisiblePreTime = false;
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
- .toolChoose[this.toolIndex].tool != 10
- ) {
- this.addTools(10, this.taskCount, this.toolIndex);
- }
- },
- goToTask(i) {
- this.toolIndexType = ''
- if (this.isClickColor == (i + 1)) {
- if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen) {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = false
- } else {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = true
- }
- this.$forceUpdate();
- return;
- }
- if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen) {
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = false
- } else {
- document.querySelectorAll(".rightBox")[0].scrollTop =
- document.querySelectorAll(".taskBorder")[i].offsetTop +
- document.querySelectorAll(".taskBorder")[i].parentElement.parentElement.offsetTop;
- this.isClickColor = i + 1;
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = true
- }
- this.$forceUpdate();
- },
- taskMove(type, index) {
- // this
- // .$confirm("切换任务顺序将删除所有工具的提交成果，是否继续此操作?", "提示", {
- // confirmButtonText: "确定",
- // cancelButtonText: "取消",
- // type: "warning",
- // })
- // .then(() => {
- if (type == 1) {
- if (index > 0) {
- let a = JSON.parse(
- JSON.stringify(
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index - 1]
- )
- );
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index - 1] =
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index];
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index] = a;
- }
- } else {
- if (
- index <
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson.length - 1
- ) {
- let a = JSON.parse(
- JSON.stringify(
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index + 1]
- )
- );
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index + 1] =
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index];
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index] = a;
- }
- }
- this.$forceUpdate();
- // })
- // .catch(() => {
- // return;
- // })
- },
- addGroup(i) {
- // this.groupJson.group.splice(i + 1, 0, { name: "第"+(i+1)+"组" });
- this.groupJson.group.push({
- name: "第" + (this.groupJson.group.length + 1) + "组",
- });
- },
- deleteGroup(i) {
- this.groupJson.group.splice(i, 1);
- },
- numberPan() {
- if (/[^\d]/.test(this.groupJson.number) || this.groupJson.number < 2 || this.groupJson.number > 10) {
- this.$message.error('请输入2-10的数字')
- this.groupJson.number = ''
- }
- },
- addGroupJson() {
- for (var i = 0; i < this.groupJson.group.length; i++) {
- if (!this.groupJson.group[i].name) {
- this.$message.error("请将信息填写完整！");
- return;
- }
- }
- if (!this.groupJson.number) {
- this.$message.error("请将信息填写完整！");
- return;
- }
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
- this.taskCount
- ].toolChoose[this.toolIndex].groupJson = JSON.parse(
- JSON.stringify(this.groupJson)
- );
- this.dialogVisibleGroup = false;
- this.groupJson = {};
- if (
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
- .toolChoose[this.toolIndex].tool != 49
- ) {
- this.addTools(49, this.taskCount, this.toolIndex);
- }
- },
- updateTime(preTime) {
- this.preTime = preTime;
- },
- InviteChange(val) {
- console.log(val);
- let _check = []
- let _check2 = []
- for (var i = 0; i < this.grade2.length; i++) {
- var gid = this.grade2[i].id
- _check.push(gid)
- }
- for (var i = 0; i < this.checkboxList2.length; i++) {
- var _id = this.checkboxList2[i]
- if (_check.indexOf(_id) !== -1) {
- _check2.push(_id)
- }
- }
- this.checkAll = _check2.length === _check.length;
- return;
- let array = JSON.parse(JSON.stringify(val));
- this.inviteCode = this.inviteCode.filter((el) => {
- if (val.indexOf(el.cid) != -1) {
- array.splice(array.indexOf(el.cid), 1);
- return el;
- }
- });
- for (var i = 0; i < array.length; i++) {
- this.getInviteCode(array[i]);
- }
- },
- handleCheckAllChange(val) {
- if (val) {
- for (var i = 0; i < this.grade2.length; i++) {
- var gid = this.grade2[i].id
- if (this.checkboxList2.indexOf(gid) === -1) {
- this.checkboxList2.push(gid)
- }
- }
- } else {
- let _check = []
- let _check2 = []
- for (var i = 0; i < this.grade2.length; i++) {
- var gid = this.grade2[i].id
- _check.push(gid)
- }
- for (var i = 0; i < this.checkboxList2.length; i++) {
- var _id = this.checkboxList2[i]
- if (_check.indexOf(_id) === -1) {
- _check2.push(_id)
- }
- }
- this.checkboxList2 = _check2
- }
- this.isIndeterminate = false;
- },
- async getInviteCode(cid) {
- let code = this.randomNumber();
- let params = {
- code: code,
- oid: this.oid,
- };
- let type = 1;
- for (var i = 0; i < this.inviteCode.length; i++) {
- if (this.inviteCode[i].cid != cid && code == this.inviteCode[i].ic) {
- type = 2;
- }
- }
- if (type == 2) {
- this.getInviteCode(cid);
- return;
- }
- const res = await this.ajax.get(
- this.$store.state.api + "selectInviteCode2",
- params
- );
- if (
- res.data.length &&
- res.data[0].length &&
- res.data[0][0].courseId != this.cid
- ) {
- this.getInviteCode(cid);
- return;
- }
- let array = [];
- for (var i = 0; i < this.inviteCode.length; i++) {
- array.push(this.inviteCode[i].cid);
- }
- if (array.indexOf(cid) != -1) {
- this.inviteCode[array.indexOf(cid)].ic = code;
- } else {
- this.inviteCode.push({ cid: cid, ic: code });
- }
- },
- OpenInviteD(cid) {
- let array = [];
- this.icode = "";
- for (var i = 0; i < this.inviteCode.length; i++) {
- array.push(this.inviteCode[i].cid);
- }
- if (array.indexOf(cid) != -1) {
- this.icode = this.inviteCode[array.indexOf(cid)].ic;
- }
- this.inviteId = cid;
- this.dialogVisibleInvite = true;
- },
- addInvite() {
- let reg = /^[A-Za-z0-9]{4,}$/;
- if (!reg.test(this.icode)) {
- this.$message.error("请输入至少四位数字或英文组合的随机码");
- return;
- }
- let type = 1;
- for (var i = 0; i < this.inviteCode.length; i++) {
- if (
- this.inviteCode[i].cid != this.inviteId &&
- this.icode == this.inviteCode[i].ic
- ) {
- type = 2;
- }
- }
- if (type == 2) {
- this.$message.error("已有此随机码，不能重复");
- return;
- }
- let params = {
- code: this.icode,
- oid: this.oid,
- };
- this.ajax
- .get(this.$store.state.api + "selectInviteCode", params)
- .then((res) => {
- if (
- res.data.length &&
- res.data[0].length &&
- res.data[0][0].courseId != this.cid
- ) {
- this.$message.error("已有此随机码，不能重复");
- return;
- }
- let array = [];
- for (var i = 0; i < this.inviteCode.length; i++) {
- array.push(this.inviteCode[i].cid);
- }
- if (array.indexOf(this.inviteId) != -1) {
- this.inviteCode[array.indexOf(this.inviteId)].ic = this.icode;
- } else {
- this.inviteCode.push({ cid: this.inviteId, ic: this.icode });
- }
- this.icode = "";
- this.dialogVisibleInvite = false;
- })
- .catch((err) => {
- console.error(err);
- });
- },
- randomNumber() {
- // 随机生成两位数
- // let num = Math.floor(Math.random() * 900) + 100;
- // 生成 0 到 99 之间的随机整数
- const randomNumber = Math.floor(Math.random() * 100);
- // 如果随机数小于 10，补上前导零
- const num =
- randomNumber < 10 ? "0" + randomNumber : randomNumber.toString();
- // 随机生成两个大写字母
- let letters = "";
- let chars2 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
- for (let i = 0; i < 3; i++) {
- letters += chars2.charAt(Math.floor(Math.random() * chars2.length));
- }
- // 随机生成两位数字和字母的组合
- let mix = "";
- let chars =
- "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
- for (let i = 0; i < 3; i++) {
- let char = chars.charAt(Math.floor(Math.random() * chars.length));
- mix += char;
- }
- // 随机选择一种类型
- let type = Math.floor(Math.random() * 3);
- return num;
- // 根据类型输出结果
- switch (type) {
- case 0:
- console.log(num); // 输出两位数
- return num;
- case 1:
- console.log(letters); // 输出两个大写字母
- return letters;
- case 2:
- console.log(mix); // 输出两位数字和字母的组合
- return mix;
- }
- },
- getPaste() {
- let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
- if (!iframe) {
- return;
- }
- let copyData = iframe.contentWindow.copyData;
- // if (copyData && copyData.stageData && copyData.stageData.length) {
- // this.isPasteStage = true
- // }
- if (copyData && copyData.selectData.length) {
- this.isPasteChoice = true
- }
- if (copyData && copyData.tasksData && copyData.tasksData.length) {
- this.isPasteTask = true
- }
- },
- searchImage() {
- var _this = this;
- _this.imageList = []
- if (!_this.searchImageValue) {
- _this.sysPicVisible2 = true
- return
- }
- _this.imageloading = true
- _this.ajax.post('https://gpt.cocorobo.cn/search_image', {
- page: _this.ppage,
- pagesize: 9,
- query: _this.searchImageValue
- }).then(function (response) {
- // console.log(response.data.data);
- var data = response.data.FunctionResponse.result;
- for (var i = 0; i < data.length; i++) {
- _this.imageList.push({ url: data[i].thumbnail })
- }
- _this.imageloading = false
- }).catch(function (error) {
- console.log(error);
- });
- _this.sysPicVisible2 = true
- },
- changePicture() {
- this.ppage++
- this.searchImage()
- },
- resetImage() {
- this.ppage = 1
- this.searchImage()
- },
- jumpGj(i, j) {
- if ((i + 1) != this.isClickColor) {
- this.isClickColor = (i + 1)
- }
- var a = document.scrollingElement;
- this.toolIndexType = `gj${i}${j}`
- let target = document.querySelector(`#gj${i}${j}`);
- if (target) {
- target.scrollIntoView(true);
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[j].isFold3 = true
- // setTimeout(() => {
- // this.$refs.rightboxR.scrollTop = this.$refs.rightboxR.scrollTop - 100;
- // }, 0);
- }
- },
- dragStart(val, i, j) {
- this.taskCount = j
- this.oldIndex = i;
- this.oldData = val;
- },
- dragOver(i, j) {
- this.typeIndex = "chapter-" + j + '-' + i
- this.newIndex = i;
- },
- dragEnd() {
- let newItems = [...this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].chapterData];
- // 删除老的节点
- newItems.splice(this.oldIndex, 1);
- // 在列表中目标位置增加新的节点
- newItems.splice(this.newIndex, 0, this.oldData);
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].chapterData = [...newItems];
- this.typeIndex = "";
- this.newIndex = "";
- this.$forceUpdate()
- },
- dragTaskStart(val, i) {
- this.oldIndex = i;
- this.oldData = val;
- },
- dragTaskOver(i) {
- this.typeIndex = "task-" + i
- this.newIndex = i;
- },
- dragTaskEnd() {
- if(this.newIndex == this.oldIndex){
- this.newIndex = "";
- this.typeIndex = "";
- return;
- }
- this.$confirm(
- "切换任务顺序将删除所有工具的提交成果，是否继续此操作?",
- "提示",
- {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning",
- }
- )
- .then(() => {
- let newItems = [...this.unitJson[this.unitIndex].chapterInfo[0].taskJson];
- // 删除老的节点
- newItems.splice(this.oldIndex, 1);
- // 在列表中目标位置增加新的节点
- newItems.splice(this.newIndex, 0, this.oldData);
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson = [...newItems];
- this.typeIndex = "";
- this.newIndex = "";
- this.$forceUpdate()
- })
- .catch(() => {
- this.typeIndex = "";
- this.newIndex = "";
- return;
- });
- },
- },
- beforeDestroy() {
- clearTimeout(this.timer);
- this.timer = null;
- clearInterval(this.timer2);
- this.timer2 = null;
- clearInterval(this.pasteTimer);
- this.pasteTimer = null;
- },
- beforeRouteLeave(to, from, next) {
- clearTimeout(this.timer);
- this.timer = null;
- clearInterval(this.timer2);
- this.timer2 = null;
- clearInterval(this.pasteTimer);
- this.pasteTimer = null;
- next();
- },
- created() {
- this.getStudent();
- this.getTeacher();
- this.getClass();
- this.selectGrage();
- this.getTemplate();
- // this.selectType();
- this.selectEva();
- this.loading = false;
- this.timer2 = setInterval(() => {
- this.selectEva();
- }, 5000);
- this.pasteTimer = setInterval(() => {
- this.getPaste();
- }, 1000);
- setTimeout(() => {
- this.selectCourseDetail();
- }, 500);
- },
- mounted() {
- this.$nextTick(() => {
- //监听这个dom的scroll事件
- $(".rightBox")[0].addEventListener("scroll", this.scrollChange);
- this.heightPx = $(".rightBox")[0].offsetHeight + 'px';
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[0].toolOpen = true
- this.$forceUpdate();
- });
- },
- };
- </script>
- <style scoped>
- @media screen and (max-width: 1280px) {
- .mbCss {
- flex-direction: column !important;
- }
- .pjCss {
- width: 100% !important;
- }
- .evaCss {
- width: 100% !important;
- }
- }
- .dialog_diy>>>.el-dialog__header {
- background: #3c3c3c !important;
- padding: 15px 20px;
- }
- .dialog_diy>>>.el-dialog__title {
- color: #fff;
- }
- .dialog_diy>>>.el-dialog__headerbtn {
- top: 19px;
- }
- .dialog_diy>>>.el-dialog__headerbtn .el-dialog__close {
- color: #fff;
- }
- .dialog_diy>>>.el-dialog__headerbtn .el-dialog__close:hover {
- color: #fff;
- }
- .dialog_diy>>>.el-dialog__body,
- .dialog_diy>>>.el-dialog__footer {
- background: #fafafa;
- }
- .dialog_diy3>>>.el-dialog__body,
- .dialog_diy3>>>.el-dialog__footer {
- background: #eee !important;
- }
- .dialog_diy3>>>.el-dialog__body {
- padding: 20px 20px;
- }
- .source_diy>>>.el-dialog {
- height: 100% !important;
- margin: 0 auto !important;
- }
- .source_diy>>>.el-dialog__body {
- height: calc(100% - 185px);
- overflow: auto;
- background: #e6eaf0;
- }
- .source_diy>>>.el-dialog__footer {
- background: #e6eaf0 !important;
- }
- .left {
- border-right: 1px solid rgb(60, 94, 143);
- display: flex;
- flex-direction: column;
- align-items: center;
- min-height: 600px;
- width: 385px;
- height: 80%;
- }
- .tips {
- color: rgb(128, 128, 128);
- font-size: 12px;
- width: 270px;
- margin: 40px;
- }
- .pb_content {
- height: 100% !important;
- /* margin: 0 20px 0 20px; */
- }
- .pb_content_body {
- width: 100% !important;
- height: 100%;
- }
- .info_solid {
- width: 270px;
- height: 30px;
- border-left: 1px solid #bdbdbd;
- margin: 10px 0px 10px 30px;
- }
- .info_steps {
- width: 270px;
- font-size: 0.875rem;
- display: flex;
- align-items: center;
- }
- .info_steps span:nth-child(1) {
- width: 30px;
- height: 30px;
- background: rgba(0, 0, 0, 0.38);
- display: block;
- color: #fff;
- border-radius: 40px;
- text-align: center;
- line-height: 30px;
- }
- .steps_active {
- background: #3d67bc !important;
- }
- .info_steps span:nth-child(2) {
- margin-left: 5px;
- }
- .right {
- height: 100%;
- width: calc(100% - 40px);
- display: flex;
- overflow: hidden;
- margin: 0 auto;
- }
- .basic_box {
- margin: 0 auto;
- position: relative;
- padding: 0 20px 0 20px;
- }
- .basic_box2 {
- position: relative;
- width: calc(100% - 300px);
- }
- .basic_box_success {
- width: 100%;
- height: 100%;
- padding: 50px 0;
- position: relative;
- text-align: center;
- /* border-bottom: 1px solid #bfbfbf; */
- box-sizing: border-box;
- display: flex;
- align-items: center;
- flex-direction: column;
- justify-content: center;
- }
- .info_title {
- font-size: 1.5em;
- margin-right: 25px;
- /* margin: 20px 30px 20px 30px; */
- }
- .bInfo_title {
- text-align: left;
- margin: 10px 0;
- }
- .small_title {
- font-size: 14px;
- line-height: 40px;
- }
- .chapter_beizhu {
- font-size: 12px;
- font-weight: bold;
- float: right;
- color: rgb(128, 128, 128);
- margin-top: 5px;
- }
- .chapter_uploadBox1 {
- text-align: left;
- background-color: rgb(242, 242, 242);
- width: 100%;
- height: 67px;
- padding: 0px 15px;
- border-radius: 8px;
- overflow: hidden;
- font-size: 16px;
- box-sizing: border-box;
- position: relative;
- }
- .chapter_add {
- width: 100%;
- height: 32px;
- margin-top: 15px;
- cursor: pointer;
- }
- .chapter_add_l {
- margin-left: 5px;
- width: 30px;
- height: 30px;
- float: left;
- border: 1px solid #aaa;
- color: #aaa;
- border-radius: 50%;
- font-size: 25px;
- text-align: center;
- }
- .chapter_add_r {
- font-size: 18px;
- height: 40px;
- line-height: 30px;
- text-indent: 10px;
- color: #aaa;
- }
- .chapter_add_r span {
- font-size: 12px;
- color: rgb(204, 204, 204);
- }
- .chapter_add_input {
- display: none;
- }
- .line {
- width: 85%;
- margin: 0 auto;
- border-top: 1px solid #e5e5e5;
- margin-top: 20px;
- }
- .info_btnBox {
- width: calc(100%);
- display: flex;
- justify-content: center;
- height: 70px;
- align-items: center;
- background: #fff;
- margin: 0 auto;
- border-top: 2px solid rgb(228, 232, 237);
- box-sizing: border-box;
- border-radius: 0px 0 5px 5px;
- }
- .info_btnBox2 {
- width: calc(100%);
- display: flex;
- justify-content: center;
- height: 20px;
- align-items: center;
- background: #fff;
- margin: 0 auto;
- border-top: 2px solid rgb(228, 232, 237);
- box-sizing: border-box;
- overflow: hidden;
- cursor: pointer;
- }
- .info_btnBox3 {
- width: calc(100%);
- display: flex;
- justify-content: flex-end;
- padding: 0 20px;
- height: 60px;
- align-items: center;
- background: unset;
- margin: 0 auto;
- /* border-top: 1px solid rgb(228, 232, 237); */
- box-sizing: border-box;
- overflow: hidden;
- cursor: pointer;
- background: #fff;
- border-radius: 10px;
- }
- .info_btn+.info_btn {
- margin-left: 15px;
- }
- .info_btn,
- .teacherWord {
- color: #fff;
- background-color: #0f7eff;
- padding: 8px 24px;
- font-size: 0.9375rem;
- box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%),
- 0px 3px 1px -2px rgb(0 0 0 / 12%);
- min-width: 64px;
- font-weight: 500;
- border-radius: 4px;
- box-sizing: border-box;
- border: none;
- cursor: pointer;
- }
- .teacherWord {
- width: 105px !important;
- text-align: center !important;
- line-height: 36px !important;
- padding: 0 !important;
- font-size: 14px !important;
- margin: 10px 0 !important;
- }
- .wordTeacher {
- display: flex;
- flex-direction: column;
- width: 20%;
- text-align: center;
- font-size: 14px;
- margin: 30px 30px 0 10px;
- background: #fff;
- position: relative;
- border-radius: 5px;
- padding: 25px 0px;
- }
- .wordPic {
- margin: 0 auto;
- width: 60px;
- height: 60px;
- cursor: pointer;
- }
- .deleteWord {
- width: 22px;
- height: 22px;
- position: absolute;
- right: 5px;
- top: -15px;
- cursor: pointer;
- display: none;
- z-index: 999;
- }
- .wordPic>img,
- .deleteWord>img,
- .addToolImg>img {
- width: 100%;
- height: 100%;
- }
- .info_btn:hover {
- background-color: #4f7cd5 !important;
- }
- .cru_selectBox {
- display: flex;
- margin: 24px 0 10px;
- flex-wrap: nowrap;
- white-space: nowrap;
- overflow: auto;
- position: relative;
- height: 47px;
- }
- .cru_selectBox::-webkit-scrollbar {
- /*滚动条整体样式*/
- width: 6px;
- /*高宽分别对应横竖滚动条的尺寸*/
- height: 6px;
- }
- /*定义滚动条轨道 内阴影+圆角*/
- .cru_selectBox::-webkit-scrollbar-track {
- border-radius: 10px;
- background-color: #eee;
- }
- /*定义滑块 内阴影+圆角*/
- .cru_selectBox::-webkit-scrollbar-thumb {
- border-radius: 10px;
- -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
- background-color: rgba(0, 0, 0, 0.1);
- }
- .cru_line {
- position: absolute;
- bottom: 0px;
- transition: all 0.5s;
- left: 0px;
- width: 125px;
- margin-left: -25px;
- }
- .cru_select {
- font-size: 21px;
- margin-right: 37px;
- margin-left: 5px;
- cursor: pointer;
- color: #a6a6a6;
- }
- .cru_selected {
- color: #0b7fc2 !important;
- }
- .chapter_contentbox {
- display: flex;
- align-items: center;
- margin-top: 15px;
- }
- .chapter_contentbox .cc_title {
- margin: 0px;
- color: black;
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- margin-right: 20px;
- font-size: 18px;
- height: 20px;
- line-height: 22px;
- min-width: fit-content;
- display: flex;
- }
- .chapter_contentbox .cc_title::before {
- content: '';
- height: 100%;
- width: 3px;
- background: #3681FC;
- border-radius: 3px;
- opacity: 1;
- display: block;
- margin-right: 10px;
- }
- .chapter_contentbox .cc_input {
- width: 100%;
- display: flex;
- }
- .show_taskD {
- min-width: fit-content;
- margin-left: 10px;
- display: flex;
- align-items: center;
- font-size: 14px;
- cursor: pointer;
- color: #717C8D;
- }
- .show_taskD>img {
- width: 15px;
- margin-right: 5px;
- transition: .2s all;
- transform: rotate(-90deg);
- }
- .show_taskD.show>img {
- transform: rotate(0deg);
- }
- .show_toolD {
- min-width: fit-content;
- margin-left: 10px;
- display: flex;
- align-items: center;
- font-size: 14px;
- cursor: pointer;
- color: #717C8D;
- /* position: absolute;
- right: 45px;
- top: 5px; */
- }
- .show_toolD>img {
- width: 15px;
- margin-right: 5px;
- transition: .2s all;
- transform: rotate(-90deg);
- }
- .show_toolD.show>img {
- transform: rotate(0deg);
- }
- .remove {
- background-image: url("../../../assets/icon/new/delete_u.png");
- cursor: pointer;
- opacity: 0.5;
- width: 30px;
- min-width: 30px;
- height: 30px;
- background-size: 100% 100%;
- background-repeat: no-repeat;
- margin-left: 10px;
- }
- .remove1 {
- background-image: url("../../../assets/remove1.png");
- background-repeat: no-repeat;
- background-position: 5px 10px;
- width: 40px;
- height: 50px;
- cursor: pointer;
- margin-left: 10px;
- }
- .binfo_input {
- width: 100%;
- margin: 0;
- padding: 12px 14px;
- display: block;
- min-width: 0;
- outline: none;
- box-sizing: border-box;
- background: none;
- border: none;
- border-radius: 4px;
- background: #fff;
- font-size: 16px;
- resize: none;
- font-family: 'Microsoft YaHei';
- min-height: 48px;
- /* border: 1px solid #3682fc00; */
- border: 1.5px solid #CAD1DC;
- }
- .binfo_textarea {
- border: 1.5px solid #CAD1DC;
- font-size: 16px;
- resize: none;
- background: #f6f6f6;
- font-family: 'Microsoft YaHei';
- }
- .binfo_input:focus-visible {
- border: 1.5px solid #3681FC !important;
- }
- .time {
- display: flex;
- margin: 35px 0 80px 0;
- }
- .chapter_btnbox {
- width: 160px;
- border-radius: 5px;
- border: 2px dashed gray;
- display: flex;
- padding: 8px 50px;
- align-items: center;
- justify-content: center;
- margin: 30px auto 0;
- cursor: pointer;
- }
- .icon_add {
- position: relative;
- width: 24px;
- padding-top: 20px;
- border-radius: 100%;
- border-width: 2px;
- border-style: solid;
- border-color: gray;
- }
- .icon_add i:nth-child(1) {
- position: absolute;
- left: 50%;
- top: 50%;
- height: 60%;
- transform: translate(-50%, -50%);
- border-width: 1px;
- border-style: solid;
- border-color: inherit;
- }
- .icon_add i:nth-child(2) {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 60%;
- transform: translate(-50%, -50%);
- border-width: 1px;
- border-style: solid;
- border-color: inherit;
- }
- .chapter_btn_w {
- font-size: 0.9375rem;
- font-weight: bold;
- color: gray;
- margin-left: 20px;
- }
- .disUoloadSty>>>.el-icon-plus {
- display: none !important;
- /* 上传按钮隐藏 */
- }
- .imgLeft {
- margin: 15px 0;
- }
- .add_info_box {
- margin: 0 0 0 auto;
- display: flex;
- flex-wrap: wrap;
- }
- .add_info_box button {
- margin: 0 5px 10px 0;
- }
- .add_info_box2 {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
- .add_info_box2::after {
- content: "提示：支持上传10M以内的PPT和Word文件、5M以内的Excel文件， PDF文件不限制大小。";
- color: red;
- font-size: 14px;
- margin-bottom: 10px;
- }
- .add_chapters_box {
- text-align: left;
- background-color: #fff;
- width: 100%;
- border-radius: 4px;
- font-size: 16px;
- box-sizing: border-box;
- position: relative;
- padding: 0 15px;
- height: auto;
- overflow-y: auto;
- overflow-x: hidden;
- border: 1px solid #CAD1DC;
- }
- .add_chapters_box.add_c_none {
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 15px;
- }
- .add_c_none>img {
- width: 25px;
- }
- .add_chapters_box.add_c_none>span {
- font-size: 14px;
- font-weight: 400;
- margin: 0 0 5px 5px;
- }
- .homework_box {
- display: flex;
- align-items: flex-start;
- flex-wrap: wrap;
- margin: 15px 0 0 0;
- flex-direction: column;
- align-content: flex-start;
- }
- .course_homework {
- display: flex;
- justify-content: center;
- flex-direction: row;
- align-items: center;
- margin: 0 10px 0 0;
- }
- .course_homework>>>.el-input__inner {
- width: 140px;
- margin-left: 15px;
- }
- .chapter_upload_move {
- position: relative;
- background-color: #fff;
- position: absolute;
- width: 100%;
- top: 0px;
- left: 0px;
- border: 1px solid #eee;
- border-radius: 5px;
- transition: width 2s;
- -moz-transition: width 2s;
- -webkit-transition: width 2s;
- -o-transition: width 2s;
- }
- .chapter_upload_l_i {
- background-image: url("../../../assets/icon.png");
- background-position: 3px -165px;
- width: 30px;
- height: 30px;
- margin: 10px auto 0 auto;
- }
- .course_input_box {
- display: flex;
- margin-right: 20px;
- width: 100%;
- align-items: center;
- position: relative;
- }
- .course_input_box>.binfo_input {
- width: calc(100% - 0 - 200px - 20px);
- margin: 0 10px;
- }
- .bb_courseIcon {
- width: 57px;
- height: 45px;
- background: #F0F4FA;
- border-radius: 5px 0px 0px 5px;
- display: flex;
- align-items: center;
- justify-content: center;
- border-right: 1.5px solid rgb(202, 209, 220);
- box-sizing: border-box;
- position: absolute;
- left: 1.5px
- }
- .bb_courseIcon>img {
- width: 25px;
- height: auto
- }
- .big_box {
- /* margin-top: 20px; */
- display: flex;
- justify-content: space-between;
- /* border-bottom: 1px solid #E0E2ED; */
- }
- .left_first {
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- width: calc(100% - 310px);
- padding: 20px;
- box-sizing: border-box;
- background: #fff;
- border-radius: 5px;
- }
- .right_first {
- width: 300px;
- display: flex;
- align-items: center;
- justify-content: center;
- /* border-left: 1px solid #E0E2ED; */
- box-sizing: border-box;
- padding: 20px;
- flex-direction: column;
- background: #fff;
- border-radius: 5px;
- }
- .ai_box {
- width: 204px;
- display: flex;
- justify-content: flex-end;
- margin-bottom: 15px;
- }
- .ai_content {
- display: flex;
- align-items: center;
- font-size: 14px;
- padding: 7px 20px;
- box-sizing: border-box;
- box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.16);
- border-radius: 12px;
- font-weight: 700;
- cursor: pointer;
- }
- .ai_content>img {
- width: 40px;
- margin-right: 5px;
- }
- .c_info_title {
- padding: 15px 0 15px 0;
- font-size: 16px;
- font-weight: bold;
- margin: 0 0 0 20px;
- box-sizing: border-box;
- display: flex;
- align-items: center;
- line-height: 20px;
- }
- .c_info_title::before {
- content: '';
- display: block;
- width: 3px;
- height: 20px;
- background: #0061FF;
- border-radius: 3px;
- margin: 0 5px 0 0;
- }
- .right_title {
- /* height: 30px; */
- padding: 0 20px;
- font-size: 18px;
- font-weight: bold;
- /* color: #0f7eff; */
- margin: 20px auto 0;
- display: flex;
- /* justify-content: space-between; */
- align-items: center;
- }
- .people {
- border: 1px solid rgb(229 229 229);
- height: 495px;
- border-radius: 5px;
- width: 100%;
- overflow: auto;
- }
- .people_top {
- display: flex;
- width: 100%;
- /* justify-content: space-between; */
- /* align-items: center; */
- flex-direction: column;
- padding: 10px 10px 0;
- box-sizing: border-box;
- }
- .people_nav,
- .people_top_right {
- /* padding: 20px 0 0 20px; */
- }
- .people_top_right {
- height: 40px;
- margin-bottom: 10px;
- }
- .people_search {
- display: flex;
- position: relative;
- }
- .people_search>>>.el-input__inner {
- /* height: 25px; */
- width: 95%;
- }
- .search_img {
- width: 20px;
- height: 20px;
- position: absolute;
- right: 30px;
- top: 50%;
- transform: translateY(-50%);
- }
- .search_img>img {
- width: 100%;
- height: 100%;
- }
- .people_name {
- display: flex;
- justify-content: flex-start;
- padding: 20px 10px;
- flex-direction: column;
- flex-wrap: wrap;
- }
- .p_box {
- position: relative;
- }
- .people_name>>>.el-checkbox {
- width: 100%;
- display: flex;
- align-items: center;
- margin-bottom: 10px;
- }
- .people_name>>>.el-checkbox__label {
- text-overflow: ellipsis;
- overflow: hidden;
- width: calc(100%);
- }
- .people_name2>>>.el-checkbox__label {
- width: calc(100% - 130px);
- }
- .inviteCode {
- position: absolute;
- right: 30px;
- color: #237ade;
- top: 0;
- cursor: pointer;
- font-size: 13px;
- }
- .noneInvite {
- color: #a8a8a8;
- }
- .inviteImg {
- position: absolute;
- right: 5px;
- top: 0;
- width: 20px;
- }
- .right_img {
- width: 150px;
- height: 150px;
- margin: 20px auto;
- }
- .right_img>img {
- width: 100%;
- height: 100%;
- }
- .number {
- margin-top: 20px;
- color: #4aa6ff;
- text-decoration: underline;
- }
- .success_button {
- display: flex;
- text-align: center;
- margin: 5% 0 auto;
- flex-direction: row;
- justify-content: center;
- }
- .look_course {
- margin-right: 40px;
- background: #3d67bc;
- width: 200px;
- height: 35px;
- line-height: 35px;
- color: #fff;
- text-align: center;
- font-size: 14px;
- border-radius: 5px;
- cursor: pointer;
- }
- .attend_others {
- width: 250px;
- background: #4fb13c;
- height: 35px;
- line-height: 35px;
- color: #fff;
- text-align: center;
- font-size: 14px;
- border-radius: 5px;
- cursor: pointer;
- }
- .dialog_diy2>>>.el-dialog__body {
- text-align: center;
- }
- .write_togother {
- position: absolute;
- right: 45px;
- display: flex;
- top: 5%;
- }
- .write_people {
- font-size: 14px;
- line-height: 50px;
- padding-right: 10px;
- }
- .end_write {
- background: #3d67bc;
- color: #fff;
- width: 100px;
- height: 35px;
- line-height: 35px;
- text-align: center;
- font-size: 14px;
- border-radius: 5px;
- cursor: pointer;
- }
- .chapter_upload+.chapter_upload {
- /* margin-top: 15px; */
- border-top: 1px solid #E7EBF1;
- }
- .chapter_upload {
- height: 45px;
- position: relative;
- display: flex;
- align-items: center;
- width: 100%;
- min-height: 45px;
- /* box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16); */
- /* border-radius: 4px; */
- /* overflow: hidden; */
- box-sizing: border-box;
- }
- .chapter_upload_drag {
- position: absolute;
- cursor: pointer;
- width: 16px;
- height: 16px;
- left: -9px;
- background-image: url("../../../assets/icon/new/icon_course_drag.png");
- background-size: 100% 100%;
- z-index: 10;
- }
- .chapter_upload_t {
- background-color: #fff;
- position: absolute;
- height: 100%;
- top: 0px;
- left: 0px;
- box-sizing: border-box;
- }
- .chapter_upload_o {
- width: 100%;
- height: 100%;
- position: relative;
- z-index: 1;
- }
- .chapter_upload_ic {
- margin: 0 15px 0px auto;
- display: flex;
- align-items: center;
- }
- .chapter_upload_ic_l {
- width: 50px;
- height: 50px;
- float: left;
- }
- .chapter_upload_ic_l div {
- width: 30px;
- height: 35px;
- background: url("../../../assets/icon/icon.png");
- }
- .chapter_upload_ic_edit {
- height: 100%;
- display: flex;
- align-items: center;
- cursor: pointer;
- margin: 0 10px 0 0;
- }
- .chapter_upload_ic_edit div {
- width: 18px;
- height: 18px;
- background-image: url("../../../assets/icon/new/edit_u.png");
- background-size: 100% 100%;
- }
- .chapter_upload_ic_r {
- height: 100%;
- display: flex;
- align-items: center;
- cursor: pointer;
- }
- .chapter_upload_ic_r div {
- width: 18px;
- height: 18px;
- background-image: url("../../../assets/icon/new/delete_u.png");
- background-size: 100% 100%;
- }
- .chapter_upload_n {
- display: flex;
- text-indent: 10px;
- text-decoration: none;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- width: 55%;
- margin-left: 10px;
- cursor: pointer;
- margin-top: 2px;
- align-items: center;
- }
- .chapter_upload_l_i2,
- .chapter_upload_l_i3,
- .chapter_upload_l_i8,
- .chapter_upload_l_i6,
- .chapter_upload_l_i12,
- .chapter_upload_l_i14,
- .chapter_upload_l_i13 {
- width: 15px;
- height: 15px;
- background-size: 100% 100%;
- }
- .chapter_upload_l_i2 {
- background-image: url("../../../assets/icon/new/u_word.png");
- }
- .chapter_upload_l_i3 {
- background-image: url("../../../assets/icon/new/u_video.png");
- }
- .chapter_upload_l_i8 {
- background-image: url("../../../assets/icon/new/u_url.png");
- }
- .chapter_upload_l_i14 {
- background-image: url("../../../assets/icon/new/u_source.png");
- }
- .chapter_upload_l_i6 {
- background-image: url("../../../assets/icon/new/u_picture.png");
- }
- .chapter_upload_l_i12 {
- background-image: url("../../../assets/icon/new/u_word.png");
- }
- .chapter_upload_l_i13 {
- background-image: url("../../../assets/icon/new/u_img.png");
- }
- .chapter_upload_noSee {
- background-image: url("../../../assets/icon/new/u_noUpload.png");
- width: 18px;
- height: 18px;
- background-size: 100% 100%;
- display: block;
- margin-right: 10px;
- }
- .chapter_upload_ud {
- display: flex;
- flex-direction: row;
- justify-content: center;
- margin: 0 10px 0 0;
- }
- .chapter_upload_ud>.chapter_upload_up {
- margin-bottom: 0;
- margin-right: 10px;
- }
- .chapter_upload_down,
- .chapter_upload_up {
- width: 20px;
- height: 20px;
- background: #e4eaf2;
- cursor: pointer;
- margin: 0 auto;
- border-radius: 5px;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .chapter_upload_up::after,
- .chapter_upload_down::after {
- content: '';
- background-image: url('../../../assets/icon/new/downBtn.png');
- width: 13px;
- height: 13px;
- background-size: 100% 100%;
- display: block;
- }
- .chapter_upload_up::after {
- background-image: url('../../../assets/icon/new/upBtn.png') !important;
- }
- .chapter_upload_up {
- margin-bottom: 5px;
- }
- .chapter_upload_ud2 {
- display: flex;
- flex-direction: row;
- justify-content: center;
- margin: 0 10px 0 0;
- }
- .chapter_upload_ud2>.chapter_upload_up2 {
- margin-bottom: 0;
- margin-right: 10px;
- }
- .chapter_upload_down2,
- .chapter_upload_up2 {
- cursor: pointer;
- margin: 0 auto;
- border-radius: 5px;
- display: flex;
- justify-content: center;
- align-items: center;
- color: #717C8D;
- font-size: 14px;
- }
- .chapter_upload_up2{
- margin-right:10px;
- }
- .chapter_upload_up2::before,
- .chapter_upload_down2::before {
- content: '';
- background-image: url('../../../assets/icon/new/c_up.png');
- width: 14px;
- height: 14px;
- background-size: 100% 100%;
- display: block;
- margin-right: 5px;
- }
- .chapter_upload_up2::before {
- background-image: url('../../../assets/icon/new/c_down.png') !important;
- }
- .addWordStyle {
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- overflow-x: auto;
- white-space: nowrap;
- flex-wrap: wrap;
- }
- /* table 样式 */
- .cont>>>table {
- border-top: 1px solid #ccc;
- border-left: 1px solid #ccc;
- }
- .cont>>>table td,
- .cont>>>table th {
- border-bottom: 1px solid #ccc;
- border-right: 1px solid #ccc;
- /* padding: 20px 5px; */
- padding: 5px 10px;
- max-width: 0px;
- height: 30px;
- vertical-align: baseline;
- }
- .cont>>>table th {
- border-bottom: 2px solid #ccc;
- text-align: center;
- }
- /* blockquote 样式 */
- .cont>>>blockquote {
- display: block;
- border-left: 8px solid #d0e5f2;
- padding: 5px 10px;
- margin: 10px 0;
- line-height: 1.4;
- font-size: 100%;
- background-color: #f1f1f1;
- }
- /* code 样式 */
- .cont>>>code {
- display: inline-block;
- /* *display: inline; */
- zoom: 1;
- background-color: #f1f1f1;
- border-radius: 3px;
- padding: 3px 5px;
- margin: 0 3px;
- }
- .cont>>>pre code {
- display: block;
- }
- /* ul ol 样式 */
- .cont>>>ul,
- ol {
- margin: 10px 0 10px 20px;
- }
- .wordbox {
- display: flex;
- flex-wrap: wrap;
- cursor: pointer;
- width: 100%;
- }
- .checkword {
- width: 22px;
- height: 22px;
- margin: 10px auto 0;
- cursor: pointer;
- }
- .checkword img {
- width: 100%;
- }
- .stepBg {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- align-items: center;
- background: #fff;
- width: 300px;
- margin: 0 25px 0 0;
- }
- .stepTop {
- min-width: 300px;
- width: 300px;
- /* border-radius: 10px; */
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items: center;
- flex-wrap: nowrap;
- background: #fff;
- /* top: 18%; */
- }
- .stepTop>div {
- height: 80px;
- width: 85%;
- cursor: pointer;
- margin: 10px 0;
- border-radius: 10px;
- }
- .first,
- .second,
- .third,
- .four {
- background: #4a83d0;
- height: 90px;
- color: #fff;
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: center;
- }
- .first>div:nth-child(1),
- .second>div:nth-child(1),
- .third>div:nth-child(1),
- .four>div:nth-child(1) {
- margin: 5px 10px 0 0;
- width: 2rem;
- }
- .firstNo,
- .secondNo,
- .thirdNo,
- .fourNo {
- background: #e7e7e7;
- color: #adadad;
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: center;
- }
- .firstNo>div:nth-child(1),
- .secondNo>div:nth-child(1),
- .thirdNo>div:nth-child(1),
- .fourNo>div:nth-child(1) {
- margin: 5px 10px 0 0;
- width: 2rem;
- }
- .uploadWidth>>>.el-upload {
- width: 60px;
- height: 60px;
- position: relative;
- }
- .addPeople {
- background: #fa6060;
- width: 150px;
- height: 40px;
- color: #fff;
- border-radius: 5px;
- text-align: center;
- line-height: 40px;
- font-size: 14px;
- cursor: pointer;
- }
- .kcImg {
- width: 60px;
- margin-left: 10px;
- }
- .zyImg {
- width: 55px;
- margin: 0 10px;
- }
- .deleteZy {
- width: 20px;
- position: absolute;
- top: 5px;
- right: 5px;
- cursor: pointer;
- }
- .kcImg>img,
- .zyImg>img,
- .deleteZy>img {
- width: 100%;
- height: 100%;
- }
- .zyBox {
- display: flex;
- flex-direction: row;
- align-items: center;
- background: #67d37d;
- color: #fff;
- width: 210px;
- margin: 20px 20px 0 0;
- border-radius: 10px;
- height: 70px;
- position: relative;
- }
- .upCss {
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- }
- .upCss>>>.el-icon-plus {
- position: none !important;
- width: 200px;
- height: 100px;
- display: flex;
- flex-wrap: nowrap;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- border: 1px dashed #ccc;
- min-width: 78px;
- min-height: 100px;
- z-index: 999;
- }
- .upCss>>>.el-upload-list__item-name {
- width: 100px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .upCss>>>.el-upload-list__item .el-icon-close {
- font-size: 20px;
- z-index: 9999;
- }
- .addStageImg {
- min-width: 25px;
- min-height: 25px;
- width: 25px;
- height: 25px;
- cursor: pointer;
- }
- .addHW {
- width: 28px;
- height: 28px;
- cursor: pointer;
- }
- .addStageImg>img,
- .addHW>img {
- width: 100%;
- height: 100%;
- }
- .addNewPP>>>.el-dialog__body {
- padding: 5px 20px;
- }
- .addNewPP>>>.el-dialog {
- margin-top: 5vh !important;
- }
- .addNewPP2>>>.el-dialog__body {
- padding: 5px 0;
- }
- .addNewPP2>>>.el-dialog {
- margin-top: 5vh !important;
- }
- .isHeight {
- height: 680px;
- }
- .toolChoose {
- display: flex;
- /* width: 100%; */
- flex-direction: row;
- flex-wrap: wrap;
- }
- .tool,
- .isToolChoose {
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- width: fit-content;
- margin: 10px 0 10px 0;
- align-items: center;
- border: 2px solid #dbdbdb00;
- padding: 10px 20px;
- border-radius: 5px;
- cursor: pointer;
- /* box-shadow: 0 0 2px 0px #dedede; */
- position: relative;
- box-sizing: border-box;
- }
- .tool:hover {
- border: 2px solid #a5c7ff;
- }
- .tool:hover>.isCTool {
- opacity: 0.5;
- display: block !important;
- }
- .isToolChoose {
- border: 2px solid #438aff !important;
- box-shadow: 0 0 2px 0px #438aff;
- }
- .isToolChoose>.isCTool {
- opacity: 1 !important;
- }
- .isCTool {
- width: 30px;
- height: 30px;
- position: absolute;
- top: -4px;
- right: -4px;
- }
- .isCTool>img {
- width: 100%;
- height: 100%;
- }
- .tool+.tool {
- margin-right: 45px;
- }
- .whiteBIcon {
- width: 80px;
- cursor: pointer;
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- align-items: center;
- font-size: 14px;
- }
- .whiteBIcon>img,
- .toolIcon>img,
- .arrow>img {
- width: 100%;
- height: 100%;
- }
- .check img {
- width: 20px;
- height: 20px;
- }
- .whiteBIcon>img {
- box-shadow: 0px 4px 8px 0px rgb(44 133 255 / 14%);
- border-radius: 15px;
- }
- .whiteBIcon>div:nth-child(2) {
- height: 20px;
- line-height: 20px;
- }
- .check {
- /* width: 20px;
- height: 20px; */
- cursor: pointer;
- margin: 10px 0 0;
- }
- .checkDiv {
- display: flex;
- align-items: center;
- }
- .checkDiv span {
- margin-left: 5px;
- color: #858585;
- }
- .customWidth>>>.el-dialog {
- min-width: 500px !important;
- }
- .a_addBox {
- margin: 10px 0;
- background: #fff;
- padding: 15px;
- /* max-height: 600px; */
- overflow: auto;
- }
- .a_add_box {
- border-bottom: 2px solid #eee;
- padding-bottom: 25px;
- }
- .a_add_head {
- display: flex;
- align-items: center;
- justify-content: space-between;
- margin: 10px 0 0 0;
- font-size: 18px;
- }
- .a_add_checkType {
- margin-top: 10px;
- display: flex;
- font-size: 14px;
- align-items: center;
- }
- .a_add_checkType span {
- box-sizing: border-box;
- padding: 0 0 5px 0;
- cursor: pointer;
- }
- .a_add_checkType span+span {
- margin-left: 10px;
- }
- .a_add_checkType .active {
- border-bottom: 2px solid #409eff;
- color: #409eff;
- }
- .a_add_head .a_add_head_input {
- width: 100%;
- }
- .a_add_head .a_add_head_div {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
- .a_add_body {
- display: flex;
- /* align-items: center; */
- align-items: flex-end;
- }
- .a_add_input {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
- .a_add_input_choice {
- flex-direction: column;
- margin-right: 10px;
- }
- .a_add_input_choice>>>.el-radio {
- display: flex;
- align-items: center;
- flex-direction: row-reverse;
- margin: 30px 0 0 0;
- position: relative;
- }
- .a_add_input_choice>>>.el-checkbox {
- display: flex;
- align-items: center;
- flex-direction: row-reverse;
- margin: 30px 0 0 0;
- position: relative;
- }
- .width100 {
- width: 100%;
- }
- .a_add_input .a_add_persent {
- width: 100%;
- }
- .a_add_persent_div {
- width: 100%;
- display: flex;
- align-items: center;
- }
- .a_add_persent_div span {
- margin: 5px 0;
- }
- .a_add_persent_div span:nth-child(1) {
- width: 30%;
- }
- .a_add_persent_div span:nth-child(2) {
- width: 7%;
- }
- .a_add_persent_div span:nth-child(3) {
- width: 40%;
- }
- .a_add_body_div {
- display: flex;
- align-items: center;
- justify-content: center;
- /* flex-direction: column; */
- position: absolute;
- right: -20px;
- transform: translateX(100%);
- }
- .a_add_body_div>>>.el-button--primary {
- background: #466b99;
- border: none;
- }
- .all_choose {
- display: flex;
- flex-direction: row;
- align-items: flex-start;
- width: 100%;
- }
- .all_choose>span {
- min-width: fit-content;
- display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- margin-right: 20px;
- font-weight: bold;
- font-size: 14px;
- }
- .all_choose>>>.el-checkbox-group {
- display: flex;
- flex-direction: row;
- width: 100%;
- flex-wrap: wrap;
- align-content: center;
- justify-content: flex-start;
- align-items: center;
- margin-top: 3px;
- }
- .all_choose>.el-checkbox-group>>>.el-checkbox {
- margin-bottom: 10px;
- display: flex;
- flex-direction: row;
- align-items: center;
- margin-right: 10px;
- }
- .all_choose>.el-checkbox-group>.el-checkbox>>>.el-checkbox__label {
- min-width: 80px;
- overflow: hidden;
- width: 80px;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .all_choose>.el-checkbox-group>.el-checkbox>>>.el-checkbox__label:hover {
- width: auto;
- }
- .choose>div:nth-child(3)>span {
- /* letter-spacing: 0 !important; */
- }
- .choose {
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- height: 100%;
- justify-content: space-evenly;
- align-items: flex-start;
- }
- .both {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- width: 100%;
- align-items: center;
- justify-content: flex-start;
- margin: 15px 0;
- }
- .notice>>>.el-dialog {
- width: 500px !important;
- text-align: center;
- }
- .notice>>>.el-button {
- margin-top: 20px;
- }
- .whiteBg {
- background: #fff;
- border-radius: 10px;
- }
- .wb_j_box {
- display: flex;
- width: 100%;
- padding: 10px 20px;
- box-sizing: border-box;
- }
- .wb_j_box_content {
- width: calc(100% - 55% - 100px);
- display: flex;
- align-items: center;
- }
- .wb_j_box_p_box {
- max-width: calc(100% - 200px);
- word-break: break-all;
- overflow: hidden;
- margin: 0 0 0 10px;
- font-size: 14px;
- color: #6e6e6e;
- }
- .chooseWho {
- display: flex;
- width: 410px;
- flex-direction: row;
- flex-wrap: nowrap;
- justify-content: space-between;
- padding-bottom: 10px;
- }
- .chooseWho>div {
- cursor: pointer;
- padding-bottom: 10px;
- font-weight: bold;
- }
- .isChooseActive {
- color: #3e88f4;
- border-bottom: 2px solid #2f80f3;
- }
- .toolSort {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: flex-start;
- align-items: flex-start;
- }
- .toolSort>div {
- margin-right: 45px;
- }
- .tools {
- width: 100%;
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- align-items: flex-start;
- }
- .leftTools,
- .rightTools {
- width: 50%;
- }
- .leftTools+.leftTools {
- border-top: 1px solid #dbdbdb;
- padding-top: 30px;
- }
- .rightTools {
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- justify-content: space-around;
- }
- .firstToolList {
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- align-items: center;
- }
- .iconList {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: flex-start;
- align-items: center;
- margin: 20px 0 5px 0;
- width: 240px;
- min-width: 240px;
- }
- .iconTool {
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- align-items: center;
- justify-content: flex-start;
- margin: 15px 10px;
- }
- .toolIcon {
- width: 50px;
- }
- .taskBorder {
- /*border: 1px solid #e1e1e1; */
- border-radius: 8px;
- margin-top: 10px;
- /* min-height: 1160px; */
- position: relative;
- background: #F0F4FA;
- padding: 20px 20px 0;
- overflow: hidden;
- box-sizing: border-box;
- background: #fff;
- }
- .smallTaskBorder {
- height: 170px;
- min-height: 170px !important;
- overflow: hidden;
- }
- .taskBorder>div {
- /* padding: 30px 0 10px 30px; */
- }
- .addTaskBorder {
- /* border: 2px solid #5E9AFC; */
- border-radius: 8px;
- margin-top: 10px;
- cursor: pointer;
- /* height: 50px;
- line-height: 50px; */
- background: #fff;
- padding: 15px 0;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- /* .addTaskBorder>div {
- margin: 0 auto;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .addTaskBorder>div>img {
- width: 20px;
- }
- .addTaskBorder>div>span {
- font-size: 16px;
- margin-left: 10px;
- color: #5E9AFC;
- } */
- .funBlock {
- display: flex;
- padding: 15px 0;
- flex-direction: row;
- justify-content: flex-end;
- align-items: center;
- position: absolute;
- right: 15px;
- bottom: 35px;
- z-index: 999;
- }
- .fold {
- display: flex;
- margin: 0 10px;
- flex-direction: row;
- align-items: center;
- cursor: pointer;
- }
- .arrow {
- width: 15px;
- height: 15px;
- margin-left: 10px;
- }
- .addToolFun {
- display: flex;
- width: 150px;
- flex-direction: row;
- align-items: center;
- justify-content: center;
- border: 1px dashed;
- border-radius: 5px;
- height: 50px;
- margin: 20px auto 35px;
- cursor: pointer;
- }
- .addToolFun2 {
- display: flex;
- width: 150px;
- border: 2px dashed #CAD1DC;
- flex-direction: row;
- align-items: center;
- justify-content: center;
- border-radius: 5px;
- height: 50px;
- margin: 0 auto 0;
- cursor: pointer;
- }
- .addToolImg {
- width: 20px;
- height: 20px;
- margin-right: 10px;
- }
- .addToolsDia>>>.el-dialog__body {
- padding: 20px;
- }
- .addToolsDia>>>.el-dialog__body>.toolChoose {
- padding: 0;
- }
- .addToolsDia>>>.el-dialog__body>.toolChoose>.leftTools {
- padding: 0;
- border-bottom: none;
- margin-bottom: 0;
- }
- .addToolsDia>>>.el-dialog__body>.toolChoose>.leftTools>.chooseWho {
- width: 100%;
- }
- .lineCss>>>.el-form-item__label {
- width: auto !important;
- }
- .lineCss>>>.el-form-item__content {
- margin-left: 50px !important;
- }
- .newSteps {
- display: flex;
- width: 100% !important;
- height: 80px;
- cursor: pointer;
- margin: 10px 0;
- border-radius: 10px;
- flex-direction: row;
- align-content: center;
- justify-content: center;
- align-items: center;
- margin: 0 !important;
- }
- /* 评价样式 */
- .elist_css {
- padding-bottom: 60px !important;
- }
- .elist_title {
- margin-bottom: 10px;
- }
- .elist_input {}
- .elist_input_box {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
- .elist_input_box+.elist_input_box {
- margin-top: 30px;
- }
- .elist_input .elist_input_box input {
- font: inherit;
- color: currentColor;
- /* width: 200px; */
- max-width: 200px;
- padding: 8px 14px;
- display: block;
- min-width: 0;
- outline: none;
- border: 1px solid rgba(0, 0, 0, 0.23);
- border-radius: 4px;
- box-sizing: border-box;
- background: #fff;
- margin: 0 20px 0 0;
- }
- .elist_input .elist_input_box span {
- height: 36px;
- line-height: 36px;
- color: rgb(82, 82, 82);
- min-width: 80px;
- }
- .elist_input .elist_input_box .remove {
- height: 20px;
- width: 20px;
- background-size: 100% 100%;
- background-position: unset;
- margin-left: 5px;
- }
- .elist_input_box>>>.el-rate {
- display: flex;
- height: 36px;
- align-items: center;
- }
- .elist_input_box .elist_inptu_text {
- width: 100%;
- display: flex;
- align-items: center;
- margin-top: 10px;
- }
- .elist_input_box .elist_inptu_text input {
- /* width: 500px; */
- width: 100%;
- max-width: unset;
- }
- .elist_input_box>>>.el-rate__icon {
- font-size: 24px;
- }
- .elist_btn {
- margin-top: 10px;
- }
- .lineTitle {
- /* margin-top: 15px; */
- width: 110px;
- font-size: 16px;
- display: flex;
- align-items: center;
- line-height: 20px;
- }
- .lineTitle::before {
- content: '';
- display: block;
- width: 3px;
- height: 20px;
- background: #0061FF;
- border-radius: 3px;
- margin: 0 5px 0 0;
- }
- .courseTop {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- width: calc(100%);
- margin: 0 auto;
- padding: 10px 0;
- }
- .stepsNav {
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;
- }
- .stepsWord {
- font-size: 18px;
- color: #fff;
- font-weight: bold;
- margin-left: auto;
- background: rgb(15, 126, 255);
- border-radius: 5px;
- padding: 3px 25px;
- box-sizing: border-box;
- }
- .rightBox {
- width: calc(100%);
- background: #F0F2F5;
- /* border-radius: 10px; */
- overflow: auto;
- height: calc(100% - 120px);
- margin: 0 auto;
- position: relative;
- box-sizing: border-box;
- border-radius: 5px;
- }
- .e_add_top {
- display: flex;
- justify-content: space-between;
- padding: 20px 20px 0 20px;
- border-radius: 3px;
- background: #fff;
- }
- .e_add_title2 {
- display: flex;
- align-items: center;
- }
- .e_add_title2 span {
- width: 40px;
- }
- .e_add_title {
- display: flex;
- align-items: center;
- color: #b8b8b8;
- font-size: 18px;
- position: relative;
- height: 40px;
- }
- .e_add_title span {
- margin-right: 10px;
- }
- .e_add_title .el_input {
- width: 300px;
- }
- .e_add_title>>>.el-input__inner {
- width: 400px;
- }
- .e_add_btn {}
- .e_add_content {
- display: flex;
- width: 100%;
- }
- .e_add_list {
- background: #fff;
- height: 500px;
- width: 210px;
- position: relative;
- margin: 15px 5px 0 0;
- flex-shrink: 0;
- display: flex;
- flex-direction: column;
- }
- .e_add_list_title {
- font-size: 20px;
- width: 100%;
- box-sizing: border-box;
- padding: 15px 40px;
- text-align: center;
- border-bottom: 1px solid #eaeaea;
- position: relative;
- display: flex;
- align-items: center;
- justify-content: center;
- height: 57px;
- background: #f6f6f6;
- }
- .e_add_list_title span {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .e_add_list_title img {
- position: absolute;
- right: 15px;
- width: 25px;
- cursor: pointer;
- top: 50%;
- transform: translateY(-50%);
- }
- .e_add_list_body {
- height: calc(100% - 187px);
- overflow: auto;
- }
- .e_add_list_child {
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- position: relative;
- box-sizing: border-box;
- padding: 15px 40px;
- text-align: center;
- }
- .e_add_list_child span {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- cursor: pointer;
- }
- .e_add_list_child img {
- position: absolute;
- right: 10px;
- width: 21px;
- cursor: pointer;
- top: 50%;
- transform: translateY(-50%);
- }
- .e_add_list_child+.e_add_list_child {
- border-top: 1px solid #eaeaea;
- }
- .e_add_list_child .active {
- color: #409eff;
- }
- .e_add_list_btn {
- position: absolute;
- bottom: 0;
- height: 50px;
- background: rgb(120, 120, 254);
- width: 100%;
- color: #fff;
- font-size: 16px;
- text-align: center;
- line-height: 50px;
- cursor: pointer;
- }
- .e_add_list_detail {
- position: absolute;
- bottom: 0;
- height: 130px;
- background: rgb(120, 120, 254);
- width: 100%;
- color: #fff;
- font-size: 16px;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .e_add_list_detail textarea {
- height: 90%;
- width: 95%;
- border: none;
- resize: none;
- outline: none;
- padding: 5px;
- box-sizing: border-box;
- }
- .e_add_list_pbox {
- width: 100%;
- }
- .e_add_list_pbox_title {
- height: 50px;
- background: #fff;
- display: flex;
- align-items: center;
- width: 100%;
- box-sizing: border-box;
- padding: 0 20px;
- flex-direction: row;
- flex-wrap: wrap;
- }
- .type_title {
- font-size: 18px;
- font-weight: 700;
- }
- .type_content {
- font-size: 16px;
- margin-left: 30px;
- }
- .type_content span+span {
- margin-left: 20px;
- }
- .type_content span {
- cursor: pointer;
- padding-bottom: 5px;
- box-sizing: border-box;
- }
- .type_content .active {
- color: #409eff;
- border-bottom: 2px solid #409eff;
- }
- .e_add_list_pbox_content {
- height: calc(100% - 50px);
- display: flex;
- align-items: center;
- width: 100%;
- background: #fff;
- }
- .mbCss {
- width: 100%;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- align-content: center;
- align-items: flex-start;
- justify-content: flex-start;
- }
- .pjCss {
- /* width: 42%; */
- width: calc(100% - 55%);
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- align-items: flex-start;
- margin-top: 1.5%;
- }
- .e_box {
- display: flex;
- flex-wrap: wrap;
- max-height: 500px;
- align-items: flex-start;
- overflow: auto;
- }
- .e_card {
- border: 1px solid #ccc;
- background: #fff;
- margin-right: 20px;
- width: 270px;
- display: flex;
- flex-direction: column;
- align-items: center;
- border-radius: 5px;
- margin-top: 10px;
- text-align: center;
- }
- .e_card_picture {
- margin: 10px 0;
- }
- .e_card_picture>img {
- width: 50px;
- }
- .e_card_name {
- width: 100%;
- padding: 0 10px;
- box-sizing: border-box;
- margin-bottom: 10px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .e_card_time {
- width: 100%;
- padding: 0 10px;
- box-sizing: border-box;
- font-size: 15px;
- color: #c3c3c3;
- margin-bottom: 10px;
- }
- .e_card_btn {
- height: 40px;
- display: flex;
- align-items: center;
- width: 100%;
- background: rgb(244, 244, 244);
- }
- .e_card_btn:hover {
- background: rgb(221 221 221);
- }
- .e_card_btn span {
- flex: 1 1 auto;
- text-align: center;
- cursor: pointer;
- }
- .addEva {
- border: 1px solid #ccc;
- background: #fff;
- margin-right: 20px;
- width: 270px;
- height: 149px;
- display: flex;
- flex-direction: column;
- align-items: center;
- border-radius: 5px;
- margin-top: 10px;
- text-align: center;
- cursor: pointer;
- justify-content: center;
- }
- .addEva>img {
- width: 50px;
- object-fit: cover;
- }
- .uploadFm {
- border: 1px dashed #ccc;
- width: 100%;
- height: 140px;
- position: relative;
- cursor: pointer;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- font-size: 14px;
- color: #6e6e6e;
- position:relative;
- }
- .cover_p{
- width: 100% !important;
- height: 100%;
- object-fit: cover;
- }
- .uploadFm2:hover .cover_mask{
- display: flex !important;
- }
- .cover_mask{
- display:none;
- width:100%;
- height:100%;
- position:absolute;
- background:#00000054;
- align-items: center;
- justify-content: center;
- flex-direction: column;
- }
- .cover_mask > img{
- width: 30px;
- }
- .cover_mask > span{
- color: #fff;
- font-size: 12px;
- }
- .uploadFm>img {
- width: 50px;
- }
- .fileCss {
- width: 100%;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- justify-content: space-around;
- align-items: center;
- padding-top: 15px;
- }
- .fileCss>div {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .fileCss .spanName {
- margin-top: 10px
- }
- .sysPicBox {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- align-content: flex-start;
- height: 435px;
- overflow: auto;
- position: relative;
- }
- .picNone {
- position: absolute;
- left: 50%;
- top: 45%;
- transform: translate(-50%, -50%);
- width: fit-content;
- color: #9c9c9c;
- }
- .sysPic {
- width: 200px;
- height: 115px;
- margin: 0 20px 20px 0;
- cursor: pointer;
- }
- .sysPic>img,
- .isSysPic>img,
- .deletePic>img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
- .isSysPic {
- width: 200px;
- height: 115px;
- position: relative;
- }
- .deletePic {
- width: 20px;
- height: 20px;
- position: absolute;
- top: 0;
- right: 0;
- cursor: pointer;
- }
- .select_box1 {
- height: 100%;
- }
- .select_box1_img {
- background: #fff;
- border-radius: 5px;
- padding: 15px;
- box-sizing: border-box;
- margin-bottom: 20px;
- }
- .select_box1_title {
- padding: 0 0 15px 0;
- border-bottom: 1px solid #eee;
- margin-bottom: 15px;
- }
- .select_box1_title span:nth-child(1) {
- font-size: 16px;
- margin-right: 20px;
- color: #000;
- }
- .select_box1_title span:nth-child(2) {
- font-size: 14px;
- color: rgb(112, 112, 112);
- }
- .select_box1_add_img {}
- .select_box1_select {
- background: #fff;
- border-radius: 5px;
- padding: 15px;
- box-sizing: border-box;
- height: calc(100% - 200px);
- overflow: auto;
- }
- .select_box2 {
- height: 100%;
- }
- .select_box2_title {
- background: #fff;
- border-radius: 5px;
- padding: 5px 10px;
- box-sizing: border-box;
- margin-bottom: 10px;
- }
- .select_box2_box {
- display: flex;
- height: calc(100% - 30px);
- }
- .select_box2_img {
- width: calc(100% - 310px);
- height: 100%;
- overflow: auto;
- background: #fff;
- border-radius: 5px;
- }
- .select_box2_img img {
- width: 100%;
- }
- .select_box2_answer {
- background: #fff;
- margin-left: 10px;
- border-radius: 5px;
- width: 300px;
- overflow: auto;
- height: 100%;
- display: flex;
- flex-direction: column;
- align-items: center;
- padding-top: 10px;
- box-sizing: border-box;
- }
- .select_box2_answer_box {
- margin: 0 0 10px 0;
- width: 85%;
- }
- .rate_textarea {
- font: inherit;
- color: currentColor;
- width: 100%;
- padding: 8px 14px;
- display: block;
- min-width: 0;
- outline: none;
- border: 1px solid rgba(0, 0, 0, 0.23);
- border-radius: 4px;
- box-sizing: border-box;
- background: #fff;
- margin: 0 20px 0 0;
- resize: none;
- }
- .select_answer_title {
- text-align: left;
- width: 85%;
- margin-bottom: 10px;
- font-size: 18px;
- color: #8e8e8e;
- }
- .mask {
- background-color: rgb(0 0 0 / 30%);
- /* position: fixed; */
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- z-index: 90;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .progressBox {
- width: 300px;
- height: 150px;
- background: #fff;
- border-radius: 10px;
- box-shadow: 0 0 6px 1px #bfbfbf;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-direction: column;
- position: relative;
- color: #6c6c6c;
- }
- .progressBox>>>.el-progress-bar__outer {
- background-color: #d1dfff !important;
- }
- .progressBox .lbox {
- height: 50px;
- font-size: 19px;
- display: flex;
- align-items: center;
- color: #747474;
- }
- .progressBox .lbox img {
- width: 40px;
- margin-right: 20px;
- }
- .closeCss {
- position: absolute;
- top: 8px;
- right: 8px;
- cursor: pointer;
- width: 20px;
- height: 20px;
- }
- .closeCss>img {
- width: 100%;
- height: 100%;
- }
- .updateTips::after {
- content: "协同编辑课程暂不支持修改基本信息，只支持修改阶段内容。";
- font-size: 14px;
- margin-left: 20px;
- font-weight: 400;
- color: #ff3a3a;
- }
- .updateMask {
- width: 100%;
- z-index: 3;
- top: 0;
- position: absolute;
- /* background-color: rgba(0,0,0,.3); */
- }
- .t_j_box {
- display: flex;
- }
- .t_j_box span:nth-child(1) {
- width: 15%;
- overflow: hidden;
- margin-right: 10px;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .t_j_box span:nth-child(2) {
- width: 30%;
- overflow: hidden;
- text-overflow: ellipsis;
- margin-right: 10px;
- }
- .t_j_box span:nth-child(3) {
- max-width: calc(55% - 20px);
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .sentenBox {
- background: #fff;
- height: 600px;
- overflow: auto;
- background-image: url("../../../assets/icon/conSentences/csBg.png");
- background-position: 102%;
- background-repeat: no-repeat;
- background-size: 60%;
- }
- .sentenBox>.sentenContent {
- padding-bottom: 10px;
- width: 97%;
- margin: 0 auto;
- }
- .sentenBox>.sentenContent+.sentenContent {
- border-top: 1px solid #cbcbcb;
- }
- .addSen {
- background: #409efe;
- width: 90px;
- color: #fff;
- height: 35px;
- text-align: center;
- line-height: 35px;
- border-radius: 5px;
- float: right;
- margin: 10px 20px 0 0;
- cursor: pointer;
- }
- .sentenTop {
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- align-items: center;
- }
- .sentenTop::before {
- content: attr(index);
- background: #3681fc;
- border-radius: 50%;
- color: #fff;
- width: 25px;
- height: 25px;
- min-width: 25px;
- min-height: 25px;
- text-align: center;
- line-height: 25px;
- margin-right: 5px;
- }
- .sentenTop>div:nth-child(2) {
- width: 300px;
- margin: 0 15px;
- }
- .sentenTop>div:nth-child(3) {
- background: #409efe;
- color: #fff;
- width: 65px;
- height: 35px;
- text-align: center;
- line-height: 35px;
- border-radius: 5px;
- cursor: pointer;
- }
- .cardList {
- padding: 30px 0 20px 0;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- align-items: center;
- box-sizing: border-box;
- border-bottom: 1px solid #f4f4f4;
- width: 98%;
- margin: 0 auto;
- }
- .rightCardList {
- display: flex;
- flex-wrap: wrap;
- }
- .cardBox {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- align-items: center;
- align-content: center;
- }
- .isCard,
- .isCard,
- .isCard1 {
- width: auto;
- padding: 0 20px;
- height: 65px;
- text-align: center;
- line-height: 65px;
- font-size: 14px;
- cursor: pointer;
- background-image: url("../../../assets/icon/conSentences/titleBorder.png");
- background-size: 100% 100%;
- position: relative;
- z-index: 99;
- }
- .isCard1 {
- background-image: url("../../../assets/icon/conSentences/answerBorder.png");
- }
- .isCard:hover .deleteWord {
- display: block;
- }
- .isCard>div:nth-child(1),
- .isCard1>div:nth-child(1) {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- width: 100%;
- margin: 0 auto;
- }
- .card {
- width: 140px;
- height: 65px;
- }
- .card>img {
- width: 100%;
- height: 100%;
- }
- .rightCardBox {
- width: 98%;
- margin: 10px auto 0;
- }
- .rightCardBox>div:nth-child(1) {
- margin-bottom: 10px;
- }
- .cardCss {
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- align-items: center;
- border-bottom: 3px solid #b4c3d3;
- padding: 0 0 5px 0;
- /* margin-right: 10px; */
- }
- .cardCss>div:nth-child(2) {
- background: #5b7b9d;
- color: #fff;
- width: 20px;
- height: 20px;
- border-radius: 50%;
- text-align: center;
- line-height: 20px;
- }
- .sentenTopBox {
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- align-items: center;
- justify-content: space-between;
- padding: 55px 0 0 20px;
- box-sizing: border-box;
- width: 85%;
- }
- .stepsBottom {
- width: 85%;
- margin-bottom: 20px;
- box-shadow: 0 0 10px 10px #f7f7f7;
- background: #f7f7f7;
- border-radius: 10px;
- overflow: hidden;
- }
- .course_left {
- width: 300px;
- height: auto;
- position: relative;
- }
- .stepsBottom2 {
- width: 300px;
- margin: 10px 0;
- /* box-shadow: 0 0 10px 10px #f7f7f7; */
- /* background: #f7f7f7; */
- border-radius: 8px;
- overflow: hidden;
- height: fit-content;
- position: relative;
- /* transition: all .5s; */
- }
- .navTop {
- background: #53749b;
- color: #fff;
- height: 40px;
- line-height: 40px;
- padding-left: 15px;
- font-size: 18px;
- }
- .navBottom {
- background: #fff;
- height: calc(100vh - 210px);
- overflow: auto;
- }
- .navTask {
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- align-items: center;
- padding: 10px 10px 10px 0;
- cursor: pointer;
- background: #ffffff;
- width: 95%;
- margin: 10px auto 0;
- box-sizing: border-box;
- border-radius: 5px;
- flex-wrap: wrap;
- position: relative;
- }
- .navTask::before {
- content: '';
- display: block;
- width: 16px;
- height: 16px;
- background-image: url(../../../assets/icon/new/icon_arrow.png);
- background-size: 100%;
- margin-left: 23px;
- }
- .isNavOpen::before {
- background-image: url(../../../assets/icon/new/icon_arrow_a.png) !important;
- }
- .dragOverTop {
- border-top: 2px solid #0061FF !important;
- border-radius: 0 !important;
- margin-top: 10px;
- }
- .dragOverBottom {
- border-bottom: 2px solid #0061FF !important;
- border-radius: 0 !important;
- margin-top: 10px;
- }
- .dragOverTop2 {
- border-top: 2px solid #0061FF !important;
- border-radius: 0 !important;
- }
- .dragOverBottom2 {
- border-bottom: 2px solid #0061FF !important;
- border-radius: 0 !important;
- }
- .isNavTask {
- /* background: #3681FC; */
- background: #EEF3FB;
- }
- .isNavTask>.chapter_upload_drag {
- background-image: url(../../../assets/icon/new/icon_course_drag_active.png) !important;
- }
- .isNavTask .nt_taskName {
- /* color: #fff !important; */
- font-weight: bold !important;
- color: #0061FF !important;
- }
- .isNavTask .nt_taskTitle {
- /* color: #AECCFE !important; */
- font-weight: bold !important;
- color: #0061FF !important;
- }
- .navTask .nt_taskBox {
- width: calc(100% - 40px);
- padding: 0 0 0 5px;
- box-sizing: border-box;
- box-sizing: border-box;
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- align-items: baseline;
- }
- .navTask .nt_taskTitle {
- /* color: #717C8D; */
- color: #060E17;
- line-height: 25px;
- font-size: 16px;
- min-width: 50px;
- }
- .navTask .nt_taskName {
- /* color: #fff; */
- /* max-width: 130px; */
- /* width: 100%; */
- max-width: calc(100% - 50px);
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- font-size: 16px;
- color: #060E17;
- /* color: #0E1E33; */
- }
- .gjBox {
- width: calc(100% - 25px);
- padding: 0 0 0 0;
- box-sizing: border-box;
- border-left: 1px solid #CAD1DC;
- margin-left: 25px;
- }
- .gjBox>div {
- display: flex;
- align-items: center;
- }
- .gjBox>div::before {
- content: '';
- height: 1px;
- width: 10px;
- background: #CAD1DC;
- display: block;
- margin-right: 5px;
- }
- .gjCss {
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- align-items: center;
- padding: 15px 0;
- box-sizing: border-box;
- font-size: 14px;
- cursor: pointer;
- }
- .isGjCss {
- color: #0061ff;
- }
- .groupBox {}
- .groupContent+.groupContent {
- margin-top: 30px;
- }
- .groupTitle {
- font-size: 24px;
- color: rgb(80, 80, 80);
- margin-bottom: 20px;
- }
- .groupName {
- display: flex;
- align-items: center;
- }
- .groupn {
- font-size: 15px;
- margin-right: 10px;
- }
- .groupName+.groupName {
- margin-top: 15px;
- }
- .groupBtn {
- margin-left: 10px;
- }
- .groupContent>>>.el-input-number.is-without-controls .el-input__inner {
- text-align: left;
- }
- .radioBox>div {
- margin: 10px 0 0 10px;
- }
- .radioBox>>>.el-radio__input,
- .radioBox>>>.el-checkbox__inner {
- margin-left: 10px;
- }
- .radioBox>>>.el-radio__label,
- .radioBox>>>.el-checkbox__label {
- display: flex;
- align-items: center;
- }
- .inImg {
- width: 50px;
- }
- .inImg>img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
- .upCss>>>.el-upload-list--picture .el-upload-list__item {
- height: auto;
- padding: 10px;
- margin: 0;
- }
- .upCss>>>.el-upload-list {
- width: 100%;
- }
- .upCss>>>.el-upload-list--picture .el-upload-list__item-thumbnail {
- width: 100%;
- height: 120px;
- object-fit: contain;
- background: unset;
- margin-left: 0;
- }
- .upCss>>>.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
- display: none;
- }
- .tcMember+.tcMember::before {
- content: "、";
- }
- .xzUpImg {
- width: 25px;
- height: 25px;
- min-width: 25px;
- min-height: 25px;
- cursor: pointer;
- margin: 0 10px;
- }
- .xzUpImg>img {
- width: 100%;
- height: 100%;
- }
- .closeCss {
- position: absolute;
- top: 8px;
- right: 8px;
- cursor: pointer;
- width: 20px;
- height: 20px;
- }
- .closeCss>img {
- width: 100%;
- height: 100%;
- }
- .moveBtn {
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- align-items: center;
- width: 55px;
- }
- .timuUpImg {
- display: flex;
- flex-direction: row;
- align-items: center;
- width: 100%;
- margin-right: 10px;
- }
- .timuUpImg>div:nth-child(1) {
- margin-right: 10px;
- display: flex;
- align-items: center;
- width: 100%;
- }
- .timuImgBox {
- margin: 10px 0;
- display: flex;
- flex-direction: column;
- flex-wrap: wrap;
- align-items: flex-start;
- }
- .timuImg {
- width: 100px;
- margin: 5px 0;
- cursor: pointer;
- position: relative;
- }
- .timuImg:hover .deleteWord {
- display: block;
- }
- .deleteWord {
- width: 25px;
- height: 25px;
- position: absolute;
- right: -5px;
- top: -5px;
- cursor: pointer;
- display: none;
- }
- .timuImg>img,
- .deleteWord>img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
- .e_add_delete {
- cursor: pointer;
- margin-left: 10px;
- }
- .pType_box {
- margin-top: 30px;
- align-items: flex-end;
- }
- .noneBox {
- height: 100%;
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- margin-top: 150px;
- }
- .noneBox>img {
- width: 300px;
- }
- .textarea_css {
- display: block;
- resize: none;
- padding: 10px 15px;
- line-height: 1.5;
- box-sizing: border-box;
- width: 100%;
- font-size: 14px;
- color: #606266;
- background-color: #FFF;
- background-image: none;
- border: 1px solid #DCDFE6;
- border-radius: 4px;
- transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
- outline: none;
- overflow: hidden;
- height: 46px;
- font-family: 'Microsoft YaHei';
- }
- .textarea_css::-webkit-input-placeholder {
- color: #C0C4CC
- }
- .textarea_css:focus {
- border-color: #409EFF;
- outline: 0;
- }
- .moveBtn2 {
- flex-direction: column;
- width: fit-content;
- margin: 0 10px 0 10px;
- }
- .moveBtn2 .chapter_upload_down,
- .moveBtn2 .chapter_upload_up {
- width: 16px;
- height: 16px;
- }
- .moveBtn2 .chapter_upload_up::after,
- .moveBtn2 .chapter_upload_down::after {
- width: 10px;
- height: 10px;
- }
- .fullStyle>>>.el-dialog__body {
- height: calc(100% - 125px) !important;
- box-sizing: border-box;
- }
- .fullStyle>>>.el-dialog {
- width: 100% !important;
- max-width: 100% !important;
- height: 100% !important;
- margin: 0 !important;
- }
- .fullStyle {
- width: 100% !important;
- max-width: 100% !important;
- height: 100% !important;
- margin: 0 auto !important;
- }
- .wb_j_box_btn {
- width: calc(100% - 30px);
- display: flex;
- height: 40px;
- border: 1.5px solid #CAD1DC;
- border-radius: 4px;
- box-sizing: border-box;
- align-items: center;
- font-size: 14px;
- cursor: pointer;
- overflow: hidden;
- }
- .wb_j_box_btn:hover {
- border: 1.5px solid #0061FF;
- }
- .wb_j_box_title {
- background: #F0F4FA;
- height: 100%;
- line-height: 40px;
- width: 90px;
- text-align: center;
- color: #060E17;
- border-right: 1.5px solid #CAD1DC;
- box-sizing: border-box;
- }
- .wb_j_box_btn_c {
- width: calc(100% - 90px);
- padding: 0 35px 0 10px;
- box-sizing: border-box;
- position: relative;
- }
- .wb_j_box_span {
- width: 100%;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- word-wrap: break-word;
- color: #717C8D;
- }
- .wb_j_box_arrow {
- content: '';
- width: 14px;
- height: 14px;
- background: url(../../../assets/icon/new/u_arrow.png);
- background-size: 100% 100%;
- position: absolute;
- right: 12px;
- top: 50%;
- transform: translateY(-50%);
- }
- .check_classBox {
- height: 400px;
- display: flex;
- border-top: 1.5px solid #E7EBF1;
- border-bottom: 1.5px solid #E7EBF1;
- }
- .check_class_right {
- width: 130px;
- border-right: 1px solid #E7EBF1;
- display: flex;
- align-items: center;
- flex-direction: column;
- height: 100%;
- overflow: auto;
- padding: 15px 0;
- box-sizing: border-box;
- }
- .check_class {
- width: 85%;
- border-radius: 5px;
- height: 30px;
- line-height: 30px;
- text-align: center;
- padding: 0 10px;
- box-sizing: border-box;
- cursor: pointer;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .check_class.activeX {
- background: #E0EAFB;
- color: #3681FC;
- font-weight: 700;
- }
- .check_class+.check_class {
- margin-top: 15px;
- }
- .check_class_left {
- background: #FAFAFA;
- width: calc(100% - 130px);
- padding: 15px;
- box-sizing: border-box;
- }
- .check_class_all_box {
- display: flex;
- margin-bottom: 10px;
- }
- .all_check {
- display: flex;
- align-items: center;
- padding: 2px 0 0;
- margin-left: 10px;
- }
- .all_check>>>.el-checkbox__label {
- line-height: unset;
- }
- .check_class_left_title {
- font-size: 16px;
- font-weight: 700;
- }
- .check_class_item {
- display: flex;
- flex-wrap: wrap;
- height: calc(100% - 45px);
- overflow: auto;
- justify-content: flex-start;
- align-items: flex-start;
- align-content: flex-start;
- }
- .class_item:first-child {
- margin: 0 15px 15px 67px;
- }
- .class_item {
- margin: 0 15px 15px 0;
- }
- .class_item:hover>>>.el-checkbox__label {
- color: #409EFF;
- }
- .class_item>>>.el-checkbox__label {
- color: #0E1E33;
- }
- .class_item:hover>>>.el-checkbox__inner {
- border-color: #409EFF;
- }
- .class_item>>>.el-checkbox,
- .class_item>>>.el-checkbox__input {
- display: flex;
- align-items: center;
- }
- </style>
|
