paddlex_restful_demo.html 189 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205
  1. <!--
  2. # Copyright (c) 2020 PaddlePaddle Authors. All Rights Reserved.
  3. #
  4. # Licensed under the Apache License, Version 2.0 (the "License");
  5. # you may not use this file except in compliance with the License.
  6. # You may obtain a copy of the License at
  7. #
  8. # http://www.apache.org/licenses/LICENSE-2.0
  9. #
  10. # Unless required by applicable law or agreed to in writing, software
  11. # distributed under the License is distributed on an "AS IS" BASIS,
  12. # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13. # See the License for the specific language governing permissions and
  14. # limitations under the License.
  15. -->
  16. <!doctype html>
  17. <html>
  18. <head>
  19. <meta charset="utf-8">
  20. <title>欢迎使用 PaddleX RestfulAPI Demo示例程序</title>
  21. <style type="text/css">
  22. h1{
  23. font:400 40px 'pt sans',sans-serif;
  24. text-align:center;
  25. }
  26. .nav a{
  27. text-decoration:none;
  28. }
  29. .nav{
  30. height:70px;
  31. background:#0000cd;
  32. position:relative;
  33. z-index:6;
  34. }
  35. .nav>ul{
  36. position:relative;
  37. list-style:none;
  38. padding:0;
  39. margin:0;
  40. }
  41. .nav>ul>li>ul{
  42. position:absolute;
  43. left:0;
  44. padding:0;
  45. margin:0;
  46. list-style:none;
  47. }
  48. .nav>ul>li:hover>ul li a{
  49. opacity:1;
  50. height:50px;
  51. transition:all .3s linear;
  52. -o-transition:all .3s linear;
  53. -moz-transition:all .3s linear;
  54. -webkit-transition:all .3s linear;
  55. }
  56. .nav>ul>li>ul a{
  57. display:block;
  58. color:#222;
  59. width:150px;
  60. line-height:50px !important;
  61. font:700 16px 'pt sans',sans-serif;
  62. background:#eee;
  63. border-bottom:1px solid #ddd;
  64. text-align:center;
  65. padding:0 5px;
  66. height:0;
  67. overflow:hidden;
  68. opacity:0;
  69. transition:all .3s linear .2s;
  70. -o-transition:all .3s linear .2s;
  71. -moz-transition:all .3s linear .2s;
  72. -webkit-transition:all .3s linear .2s;
  73. }
  74. .nav>ul>li>ul a:hover{
  75. display:block;
  76. color:#222;
  77. width:150px;
  78. line-height:50px !important;
  79. font:700 16px 'pt sans',sans-serif;
  80. background:#A8D9FF;
  81. border-bottom:1px solid #ddd;
  82. text-align:center;
  83. padding:0 5px;
  84. height:0;
  85. overflow:hidden;
  86. opacity:0;
  87. transition:all .3s linear .2s;
  88. -o-transition:all .3s linear .2s;
  89. -moz-transition:all .3s linear .2s;
  90. -webkit-transition:all .3s linear .2s;
  91. }
  92. .nav>ul>li{
  93. float:left;
  94. position:relative;
  95. }
  96. .nav>ul>li>a{
  97. padding:0 20px;
  98. color:#fff;
  99. display:block;
  100. line-height:70px !important;
  101. font:400 15px 'PT Sans', sans-serif;
  102. text-decoration:none;
  103. }
  104. .lamp span{
  105. display:block;
  106. height:4px;
  107. background:#ee6666;
  108. position: relative;
  109. }
  110. .lamp span:after {
  111. bottom: 100%;
  112. left: 50%;
  113. border: solid transparent;
  114. content: " ";
  115. height: 0;
  116. width: 0;
  117. position: absolute;
  118. pointer-events: none;
  119. border-color: rgba(238, 102, 102, 0);
  120. border-bottom-color: #ee6666;
  121. border-width: 4px;
  122. margin-left: -4px;
  123. }
  124. .lamp{
  125. position:absolute !important;
  126. height:4px;
  127. top:66px;
  128. background:#333;
  129. transition:all .3s linear;
  130. -o-transition:all .3s linear;
  131. -moz-transition:all .3s linear;
  132. -webkit-transition:all .3s linear;
  133. }
  134. .selected.active>a,.active>a{
  135. transition:all .3s linear;
  136. -o-transition:all .3s linear;
  137. -moz-transition:all .3s linear;
  138. -webkit-transition:all .3s linear;
  139. color:#fff;
  140. }
  141. .credit{
  142. text-align:center;
  143. margin:20px 0;
  144. }
  145. .blog-link{
  146. color:#fff;
  147. text-decoration:none;
  148. background:#eee;
  149. background-size:40px;
  150. line-height:50px;
  151. display:inline-block;
  152. padding:0 10px;
  153. border-radius:px;
  154. border-bottom:3px solid #ddd;
  155. color:#333;
  156. font-family:'open sans',sans-serif;
  157. margin:10px;
  158. }
  159. .dgithub{
  160. color:#fff;
  161. text-decoration:none;
  162. background-size:40px;
  163. line-height:50px;
  164. display:inline-block;
  165. padding:0 10px 0 50px;
  166. background-position:5px;
  167. border-radius:4px;
  168. border-bottom:3px solid #ddd;
  169. color:#333;
  170. font-family:'open sans',sans-serif;
  171. margin:10px;
  172. }
  173. #draw-border {
  174. display: flex;
  175. align-items: center;
  176. justify-content: center;
  177. }
  178. view_item {
  179. border: 1px solid;
  180. background: none;
  181. width: 300px;
  182. text-transform: uppercase;
  183. text-align:left;
  184. color: #4361ee;
  185. font-weight: bold;
  186. position: relative;
  187. outline: none;
  188. padding: 10px 10px;
  189. box-sizing: border-box;
  190. border-radius: 8px;
  191. cursor: pointer;
  192. value: "";
  193. }
  194. view_item .hide_del_button {
  195. float: right;
  196. font-size: 15px;
  197. font-family: helvetica;
  198. color: red;
  199. z-index:15;
  200. display:none;
  201. }
  202. view_item::before, view_item::after {
  203. box-sizing: inherit;
  204. position: absolute;
  205. content: '';
  206. border: 2px solid transparent;
  207. width: 0;
  208. height: 0;
  209. border-radius: 6px;
  210. }
  211. view_item::after {
  212. bottom: 0;
  213. right: 0;
  214. }
  215. view_item::before {
  216. top: 0;
  217. left: 0;
  218. }
  219. view_item:hover .hide_del_button {display:block;}
  220. view_item:hover::before, view_item:hover::after {
  221. width: 100%;
  222. height: 100%;
  223. }
  224. view_item:hover::before {
  225. border-top-color: #4361ee;
  226. border-right-color: #4361ee;
  227. transition: width 0s ease-out, height 0s ease-out 0s;
  228. }
  229. view_item:hover::after {
  230. border-bottom-color: #4361ee;
  231. border-left-color: #4361ee;
  232. transition: border-color 0s ease-out 0s, width 0s ease-out 0s, height 0s ease-out 0s;
  233. }
  234. body { background: #f6f6f6;}
  235. .btn {
  236. width: 120px;
  237. height: 40px;
  238. display: inline-block;
  239. //padding: 2px;
  240. border-radius: 10px;
  241. vertical-align: middle;
  242. background: #0000cd;
  243. //background: linear-gradient(268deg,#e3164e,#7f1ba7,#841c39,#e993e7,#d27228);
  244. background-size: 1000% 1000%;
  245. -webkit-animation: gradient 10s ease infinite;
  246. -moz-animation: gradient 10s ease infinite;
  247. -o-animation: Agradient 10s ease infinite;
  248. animation: gradient 10s ease infinite;
  249. }
  250. .btn input {
  251. font: 300 14px/14px 'Source Sans Pro',sans-serif;
  252. letter-spacing: 1px;
  253. display: block;
  254. position: relative;
  255. width: 100%;
  256. height: 100%;
  257. text-transform: uppercase;
  258. background: #0000cd;
  259. border: none;
  260. outline: none;
  261. border-radius: 10px;
  262. color: #f6f6f6;
  263. cursor: pointer;
  264. transition: all 0.3s cubic-bezier(0.645,0.045,0.355,1)
  265. }
  266. .btn:hover input {
  267. background: transparent;
  268. color: #f6f6f6;
  269. letter-spacing: 1px;
  270. outline: 1px;
  271. background: #0000e7;
  272. }
  273. .btn-toggle-mx {
  274. -webkit-transform: rotateY(0deg);
  275. transform: rotateY(0deg);
  276. -webkit-transition: 0.8s all;
  277. -o-transition: 0.8s all;
  278. transition: 0.8s all
  279. }
  280. .btn-toggle-mx.transmx {
  281. -webkit-transform: rotateY(180deg);
  282. transform: rotateY(180deg);
  283. }
  284. .progress {
  285. height:20px;
  286. background:#ebebeb;
  287. border-left:1px solid transparent;
  288. border-right:1px solid transparent;
  289. border-radius:10px;
  290. }
  291. .progress > span {
  292. position:relative;
  293. float:left;
  294. margin:0 -1px;
  295. min-width:30px;
  296. height:18px;
  297. line-height:16px;
  298. text-align:right;
  299. background:#cccccc;
  300. border:1px solid;
  301. border-color:#bfbfbf #b3b3b3 #9e9e9e;
  302. border-radius:10px;
  303. background-image:-webkit-linear-gradient(top,#f0f0f0 0%,#dbdbdb 70%,#cccccc 100%);
  304. background-image:-moz-linear-gradient(top,#f0f0f0 0%,#dbdbdb 70%,#cccccc 100%);
  305. background-image:-o-linear-gradient(top,#f0f0f0 0%,#dbdbdb 70%,#cccccc 100%);
  306. background-image:linear-gradient(to bottom,#f0f0f0 0%,#dbdbdb 70%,#cccccc 100%);
  307. -webkit-box-shadow:inset 0 1px rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.2);
  308. box-shadow:inset 0 1px rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.2);
  309. }
  310. .progress > span > span {
  311. padding:0 8px;
  312. font-size:9px;
  313. font-weight:bold;
  314. color:#404040;
  315. color:rgba(0,0,0,0.7);
  316. text-shadow:0 1px rgba(255,255,255,0.4);
  317. }
  318. .progress > span:before {
  319. content:'';
  320. position:absolute;
  321. top:0;
  322. bottom:0;
  323. left:0;
  324. right:0;
  325. z-index:1;
  326. height:18px;
  327. border-radius:10px;
  328. }
  329. .progress .green {
  330. background:#85c440;
  331. border-color:#78b337 #6ba031 #568128;
  332. background-image:-webkit-linear-gradient(top,#b7dc8e 0%,#99ce5f 70%,#85c440 100%);
  333. background-image:-moz-linear-gradient(top,#b7dc8e 0%,#99ce5f 70%,#85c440 100%);
  334. background-image:-o-linear-gradient(top,#b7dc8e 0%,#99ce5f 70%,#85c440 100%);
  335. background-image:linear-gradient(to bottom,#b7dc8e 0%,#99ce5f 70%,#85c440 100%);
  336. }
  337. .progress .blue {
  338. background:#5aaadb;
  339. border-color:#459fd6 #3094d2 #277db2;
  340. background-image:-webkit-linear-gradient(top,#aed5ed 0%,#7bbbe2 70%,#5aaadb 100%);
  341. background-image:-moz-linear-gradient(top,#aed5ed 0%,#7bbbe2 70%,#5aaadb 100%);
  342. background-image:-o-linear-gradient(top,#aed5ed 0%,#7bbbe2 70%,#5aaadb 100%);
  343. background-image:linear-gradient(to bottom,#aed5ed 0%,#7bbbe2 70%,#5aaadb 100%);
  344. }
  345. #popupmenu_project{
  346. border:1px solid #ddd;
  347. background: #eee;
  348. position: absolute;
  349. width: 200px;
  350. height: 50px;
  351. display: none;
  352. z-index:8;
  353. }
  354. .popupmenu_project tr:hover{background:#A8D9FF;}
  355. #popupmenu_dataset{
  356. border:1px solid #ddd;
  357. background: #eee;
  358. position: absolute;
  359. width: 200px;
  360. height: 50px;
  361. display: none;
  362. z-index:8;
  363. }
  364. .popupmenu_dataset tr:hover{background:#A8D9FF;}
  365. #popupmenu_task{
  366. border:1px solid #ddd;
  367. background: #eee;
  368. position: absolute;
  369. width: 200px;
  370. height: 50px;
  371. display: none;
  372. z-index:8;
  373. }
  374. .popupmenu_task tr:hover{background:#A8D9FF;}
  375. #popupmenu_model{
  376. border:1px solid #ddd;
  377. background: #eee;
  378. position: absolute;
  379. width: 200px;
  380. height: 50px;
  381. display: none;
  382. z-index:8;
  383. }
  384. .popupmenu_model tr:hover{background:#A8D9FF;}
  385. .scroll-content{
  386. height: 220px;
  387. }
  388. .table-parms-head{padding-right:17px;background-color:#999;color:#000;}
  389. .table-parms-head table,.table-body table{width:100%;}
  390. .table-parms-body{width:100%; height:210px;overflow-y:scroll;}
  391. .table-parms-body table tr:nth-child(2n+1){background-color:#f2f2f2;}
  392. .table-dataset-labels{width:100%; height:210px; border:1px solid #D6D6D6; overflow-y:scroll; padding:0px 0px;}
  393. .table-dataset-labels table tr:nth-child(2n){background-color:#f2f2f2; padding:0px 0px;}
  394. .table-dataset-labels table td{border:solid #f2f2f2; border-width:0px 1px 1px 0px; padding:0px 0px;}
  395. .table-dataset-imgs{width:100%; height:210px; border:1px solid #D6D6D6; overflow-y:scroll;}
  396. arrow {
  397. border: solid blue;
  398. border-width: 0 6px 6px 0;
  399. display: inline-block;
  400. padding: 10px;
  401. }
  402. .right {
  403. transform: rotate(-45deg);
  404. -webkit-transform: rotate(-45deg);
  405. }
  406. .left {
  407. transform: rotate(135deg);
  408. -webkit-transform: rotate(135deg);
  409. }
  410. a:link{
  411. color:#000000;
  412. text-decoration:none;}
  413. a:visited{
  414. color:#000000;
  415. text-decoration:none;}
  416. a:hover{
  417. color:#0433FF;
  418. text-decoration:none;}
  419. a:active{
  420. color:#000000;
  421. text-decoration:none;}
  422. </style>
  423. <script type="text/javascript">
  424. //server url address
  425. var str_srv_url = "http://0.0.0.0:8080";
  426. //数据集选择列表,用于创建项目时下拉选择
  427. var g_dataset_list = {};
  428. //创建任务时任务参数dic
  429. var g_train_task_parms = {};
  430. //保存刷新项目任务时需要使用的项目id及type
  431. var g_view_project_task_id = "";
  432. var g_view_project_task_type = "classification";
  433. var g_view_project_task_name = "新建项目";
  434. //用于刷新任务定时器句柄
  435. var g_instance_refresh_clock;
  436. //用于刷新下载进度定时器句柄
  437. var g_instance_download_demo_clock;
  438. //浏览数据集变量
  439. var g_dataset_files = {};
  440. var g_dataset_train_files = {};
  441. var g_dataset_evaluate_files = {};
  442. var g_dataset_test_files = {};
  443. //记录当前页
  444. var g_current_dataset_page = 1;
  445. //每页显示几张图片
  446. var g_const_imgs_per_page = 3;
  447. //当前标签
  448. var g_current_dataset_lable_name = "";
  449. //是否显示标注
  450. var g_b_show_img_labels = false;
  451. //显示数据集范围(默认全量数据)
  452. var g_b_show_dataset_type = "all";
  453. //数据集状态
  454. var DatasetStatus = {
  455. XEMPTY:0, //空数据集
  456. XCHECKING:1, //正在验证数据集
  457. XCHECKFAIL:2, //数据集验证失败
  458. XCOPYING:3, //正在导入数据集
  459. XCOPYDONE:4, //数据集导入成功
  460. XCOPYFAIL:5, //数据集导入失败
  461. XSPLITED:6 //数据集已经切分
  462. };
  463. //任务状态
  464. var TaskStatus = {
  465. XUNINIT:0, //任务还未初始化
  466. XINIT:1, //任务初始化
  467. XDOWNLOADING:2, //正在下载预训练模型
  468. XTRAINING:3, //任务正在运行中,该状态下任务不能被删除
  469. XTRAINDONE:4, //任务完成运行
  470. XEVALUATED:5, //任务评估完成
  471. XEXPORTING:6, //任务正在导出inference模型
  472. XEXPORTED:7, //任务已经导出模型
  473. XTRAINEXIT:8, //任务运行中止
  474. XDOWNLOADFAIL:9, //任务下载失败
  475. XTRAINFAIL:10, //任务运行失败
  476. XEVALUATING:11, //任务评估中
  477. XEVALUATEFAIL:12, //任务评估失败
  478. XEXPORTFAIL:13, //任务导出模型失败
  479. XPRUNEING:14, //裁剪分析任务运行中
  480. XPRUNETRAIN:15 //裁剪训练任务运行中
  481. };
  482. //下载状态
  483. var DownloadStatus = {
  484. XDDOWNLOADING:0, //下载中
  485. XDDOWNLOADFAIL:1, //下载失败
  486. XDDOWNLOADDONE:2,//下载完成
  487. XDDECOMPRESSED:3//解压完成
  488. };
  489. //预测状态
  490. var PredictStatus = {
  491. XPRESTART:0, //预测开始
  492. XPREDONE:1,//预测完成
  493. XPREFAIL:2 //预测失败
  494. };
  495. //参数范围
  496. var Model_List = {
  497. "classification":["MobileNetV2", "ResNet18", "ResNet34", "ResNet50", "ResNet101",
  498. "ResNet50_vd", "ResNet101_vd", "ResNet50_vd_ssld", "ResNet101_vd_ssld",
  499. "DarkNet53", "MobileNetV1", "MobileNetV3_small", "MobileNetV3_large",
  500. "MobileNetV3_small_ssld", "MobileNetV3_large_ssld", "Xception41",
  501. "Xception65", "DenseNet121", "DenseNet161", "DenseNet201",
  502. "ShuffleNetV2"],
  503. "detection":["YOLOv3", "FasterRCNN", "PPYOLO", "PPYOLOTiny", "PPYOLOv2"],
  504. "segmentation":["DeepLabV3P", "BiSeNetV2", "U-Net", "HRNet_W18", "FastSCNN"],
  505. "instance_segmentation":["MaskRCNN"]
  506. }
  507. var Backbone_List = {
  508. "YOLOv3": ['MobileNetV1', 'MobileNetV1_ssld', 'MobileNetV3',
  509. 'MobileNetV3_ssld', 'DarkNet53', 'ResNet50_vd_dcn', 'ResNet34'],
  510. "PPYOLO": ['ResNet50_vd_dcn', 'ResNet18_vd', 'MobileNetV3_large', 'MobileNetV3_small'],
  511. PPYOLOTiny: ['MobileNetV3'],
  512. PPYOLOv2: ['ResNet50_vd_dcn', 'ResNet101_vd_dcn'],
  513. "FasterRCNN": ['ResNet50', 'ResNet50_vd', 'ResNet50_vd_ssld', 'ResNet34',
  514. 'ResNet34_vd', 'ResNet101', 'ResNet101_vd', 'HRNet_W18'],
  515. "DeepLabV3P": ['ResNet50_vd', 'ResNet101_vd'],
  516. "MaskRCNN": ['ResNet50', 'ResNet50_vd', 'ResNet50_vd_ssld', 'ResNet101', 'ResNet101_vd']
  517. }
  518. var Project_Type_Name_Enum = {
  519. "classification":"图像分类",
  520. "detection":"目标检测",
  521. "segmentation":"语义分割",
  522. "instance_segmentation":"实例分割"
  523. }
  524. var Nav_Bar_Type_Enum = {
  525. "datasets":"全部数据集",
  526. "projects":"全部项目",
  527. "tasks":"全部任务",
  528. "models":"全部模型",
  529. "project_tasks":"项目任务"
  530. }
  531. //显示服务器配置窗口
  532. function show_server_info(input_data)
  533. {
  534. var srv_url_text = document.getElementById('server_url_text');
  535. srv_url_text.value = str_srv_url;
  536. var input_crt_prj_win = document.getElementById('input_win_cfg_server');
  537. var input_crt_prj_win_over = document.getElementById('input_win_cfg_server_over');
  538. input_crt_prj_win.style.display = "block";
  539. input_crt_prj_win_over.style.display = "block";
  540. }
  541. //隐藏服务器配置窗口
  542. function hide_server_info(input_data)
  543. {
  544. var on_win_user = document.getElementById('input_win_cfg_server');
  545. var over_win_user = document.getElementById('input_win_cfg_server_over');
  546. on_win_user.style.display = "none";
  547. over_win_user.style.display = "none";
  548. }
  549. //创建项目弹出窗口
  550. function show_create_project_win_modal(obj)
  551. {
  552. var prj_name_text = document.getElementById('project_name_text');
  553. project_name_text.value='新建项目';
  554. //加载项目对应的数据集列表
  555. str_project_type = "classification";
  556. var obj_sel_create_project_type = document.getElementById('project_type_text');
  557. obj_sel_create_project_type.value=str_project_type;
  558. //加载数据集信息及默认参数
  559. var obj_sel_create_project_dataset_id = document.getElementById('create_project_dataset_id_text');
  560. obj_sel_create_project_dataset_id.options.length = 0
  561. obj_sel_create_project_dataset_id.options[0] = new Option("请选择项目对应数据集", 0);
  562. var http_request = new XMLHttpRequest();
  563. http_request.open("GET", str_srv_url + "/dataset", false);
  564. http_request.send(null);
  565. str_json_datasets = http_request.responseText;
  566. //取出对应类型的数据集
  567. var str_json = eval('(' + str_json_datasets + ')');
  568. var obj_datasets = str_json["datasets"];
  569. g_dataset_list = obj_datasets;
  570. for(var p in obj_datasets)
  571. {
  572. str_id = obj_datasets[p].id;
  573. str_attr = obj_datasets[p].attr;
  574. str_name = str_attr["name"];
  575. str_desc = str_attr["desc"];
  576. str_type = str_attr["type"];
  577. //str_crttime = str_attr["create_time"]
  578. str_status = str_attr["dataset_status"]
  579. if(str_status == DatasetStatus.XSPLITED && str_type == str_project_type)
  580. {
  581. obj_sel_create_project_dataset_id.options[obj_sel_create_project_dataset_id.options.length] = new Option(str_name, str_id);
  582. }
  583. }
  584. var input_crt_prj_win = document.getElementById('input_win_create_project');
  585. var input_crt_prj_win_over = document.getElementById('input_win_create_project_over');
  586. input_crt_prj_win.style.display = "block";
  587. input_crt_prj_win_over.style.display = "block";
  588. }
  589. //隐藏创建项目弹出窗口
  590. function hide_create_prj_win_modal(obj)
  591. {
  592. var on_win_create_prj = document.getElementById('input_win_create_project');
  593. var over_win_create_prj = document.getElementById('input_win_create_project_over');
  594. on_win_create_prj.style.display = "none";
  595. over_win_create_prj.style.display = "none";
  596. }
  597. //显示创建数据集弹出窗口
  598. function show_create_dataset_win_modal(obj)
  599. {
  600. var dataset_name_text = document.getElementById('dataset_name_text');
  601. dataset_name_text.value='新建数据集';
  602. var input_crt_dataset_win = document.getElementById('input_win_create_dataset');
  603. var input_crt_dataset_win_over = document.getElementById('input_win_create_dataset_over');
  604. input_crt_dataset_win.style.display = "block";
  605. input_crt_dataset_win_over.style.display = "block";
  606. }
  607. //隐藏创建数据集弹出窗口
  608. function hide_create_dataset_win_modal(obj)
  609. {
  610. var on_win_create_dataset = document.getElementById('input_win_create_dataset');
  611. var over_win_create_dataset = document.getElementById('input_win_create_dataset_over');
  612. on_win_create_dataset.style.display = "none";
  613. over_win_create_dataset.style.display = "none";
  614. }
  615. //显示导入数据集弹出窗口
  616. function show_import_dataset_win_modal(obj)
  617. {
  618. var on_win_import_dataset = document.getElementById('input_win_import_dataset');
  619. var over_win_import_dataset = document.getElementById('input_win_import_dataset_over');
  620. var input_import_dataset_id = document.getElementById('import_dataset_id');
  621. on_win_import_dataset.style.display = "block";
  622. over_win_import_dataset.style.display = "block";
  623. input_import_dataset_id.value = obj.id;
  624. }
  625. //隐藏导入数据集弹出窗口
  626. function hide_import_dataset_win_modal(obj)
  627. {
  628. var on_win_import_dataset = document.getElementById('input_win_import_dataset');
  629. var over_win_import_dataset = document.getElementById('input_win_import_dataset_over');
  630. var input_import_dataset_id = document.getElementById('import_dataset_id');
  631. on_win_import_dataset.style.display = "none";
  632. over_win_import_dataset.style.display = "none";
  633. input_import_dataset_id.value = "";
  634. }
  635. //重新切分数据集
  636. function re_split_dataset(obj)
  637. {
  638. var on_win_split_dataset = document.getElementById('input_win_split_dataset');
  639. var over_win_split_dataset = document.getElementById('input_win_split_dataset_over');
  640. //获取需要切分的数据集ID
  641. document.getElementById('split_dataset_id').value = document.getElementById('browse_dataset_id').value;
  642. on_win_split_dataset.style.display = "block";
  643. over_win_split_dataset.style.display = "block";
  644. }
  645. //切分数据集弹出窗口
  646. function show_split_dataset_win_modal(obj)
  647. {
  648. var on_win_split_dataset = document.getElementById('input_win_split_dataset');
  649. var over_win_split_dataset = document.getElementById('input_win_split_dataset_over');
  650. var input_split_dataset_id = document.getElementById('split_dataset_id');
  651. on_win_split_dataset.style.display = "block";
  652. over_win_split_dataset.style.display = "block";
  653. input_split_dataset_id.value = obj.id;
  654. }
  655. //隐藏切分数据集弹出窗口
  656. function hide_split_dataset_win_modal(obj)
  657. {
  658. var on_win_split_dataset = document.getElementById('input_win_split_dataset');
  659. var over_win_split_dataset = document.getElementById('input_win_split_dataset_over');
  660. var input_split_dataset_id = document.getElementById('split_dataset_id');
  661. on_win_split_dataset.style.display = "none";
  662. over_win_split_dataset.style.display = "none";
  663. input_split_dataset_id.value = "";
  664. }
  665. //获取数据集详细信息
  666. function get_dataset_detail_info(str_dataset_id)
  667. {
  668. var http_request;
  669. if (window.XMLHttpRequest)
  670. {
  671. http_request=new XMLHttpRequest();
  672. http_request.withCredentials = true;
  673. }
  674. else
  675. {
  676. http_request=new ActiveXObject("Microsoft.XMLHTTP");
  677. }
  678. http_request.open("GET",str_srv_url + "/dataset/details?did=" + str_dataset_id, false);
  679. http_request.send(null);
  680. var str_dataset_detail_info = http_request.responseText;
  681. return str_dataset_detail_info;
  682. }
  683. //加载图片
  684. function load_labels_imgs(str_lbl_name, int_page = 1)
  685. {
  686. var lst_img_files = g_dataset_files[str_lbl_name];
  687. if (g_b_show_dataset_type == "all")
  688. {
  689. lst_img_files = g_dataset_files[str_lbl_name];
  690. }
  691. else if (g_b_show_dataset_type == "train")
  692. {
  693. lst_img_files = g_dataset_train_files[str_lbl_name];
  694. }
  695. else if (g_b_show_dataset_type == "evaluate")
  696. {
  697. lst_img_files = g_dataset_evaluate_files[str_lbl_name];
  698. }
  699. else if (g_b_show_dataset_type == "test")
  700. {
  701. lst_img_files = g_dataset_test_files[str_lbl_name];
  702. }
  703. var str_dataset_id = document.getElementById('browse_dataset_id').value;
  704. //获取数据集路径
  705. var str_dataset_path = document.getElementById('view_dataset_path_' + str_dataset_id).value;
  706. var curr_file_idx = g_const_imgs_per_page * (int_page - 1);
  707. var img_count = 0;
  708. for(var j=curr_file_idx;j<lst_img_files.length;j++)
  709. {
  710. var str_img_file_name = lst_img_files[j];
  711. var str_img_file = str_dataset_path + "/" + str_img_file_name;
  712. //是否显示标注
  713. var str_img_file_content = "";
  714. if(g_b_show_img_labels == true)
  715. {
  716. str_img_file_content = get_img_file_from_server(str_img_file, str_dataset_id);
  717. }
  718. else
  719. {
  720. str_img_file_content = get_img_file_from_server(str_img_file);
  721. }
  722. //更新img框内容
  723. img_count = img_count + 1;
  724. var obj_img = document.getElementById('dataset_img_' + img_count);
  725. var idx_file_postfix = str_img_file_name.lastIndexOf(".");
  726. var str_file_type = "jpeg";
  727. if(idx_file_postfix >= 0)
  728. {
  729. str_file_type = str_img_file_name.substring(idx_file_postfix + 1,str_img_file_name.length);
  730. }
  731. str_file_type = str_file_type.toLowerCase();
  732. var str_b64_type = "data:image/jpeg;base64,";
  733. if(str_file_type == "jpg" || str_file_type == "jpeg")
  734. str_b64_type = "data:image/jpeg;base64,";
  735. else if (str_file_type == "bmp")
  736. str_b64_type = "data:image/jpeg;base64,";
  737. else if (str_file_type == "png")
  738. str_b64_type = "data:image/png;base64,";
  739. obj_img.src = str_b64_type + str_img_file_content;
  740. obj_img.style.visibility='';
  741. //更新文件名称
  742. var idx_path_split = str_img_file_name.lastIndexOf("/");
  743. var str_img_file_shot_name = str_img_file_name;
  744. if(idx_path_split >= 0)
  745. {
  746. str_img_file_shot_name = str_img_file_name.substring(idx_path_split + 1,str_img_file_name.length);
  747. }
  748. document.getElementById('dataset_img_' + img_count + "_file_name").innerText = str_img_file_shot_name;
  749. if(img_count >= g_const_imgs_per_page)
  750. {
  751. break;
  752. }
  753. }
  754. //清除无需显示的图像框
  755. if(img_count < g_const_imgs_per_page)
  756. {
  757. for(var k=img_count + 1;k<=g_const_imgs_per_page;k++)
  758. {
  759. document.getElementById('dataset_img_' + k).src = " ";
  760. document.getElementById('dataset_img_' + k).style.visibility='hidden';
  761. document.getElementById('dataset_img_' + k + "_file_name").innerText = "";
  762. }
  763. }
  764. }
  765. //从服务端请求文件内容
  766. function get_img_file_from_server(str_file_name, str_dataset_id = "")
  767. {
  768. var http_request = new XMLHttpRequest();
  769. if(str_dataset_id == "")
  770. {
  771. http_request.open("GET", str_srv_url + "/file?path=" + str_file_name, false);
  772. }
  773. else
  774. {
  775. http_request.open("GET", str_srv_url + "/file?path=" + str_file_name + "&did=" + str_dataset_id, false);
  776. }
  777. http_request.send(null);
  778. var obj_json = eval('(' + http_request.responseText + ')');
  779. var str_data = obj_json["img_data"];
  780. return str_data;
  781. }
  782. //从服务端获取日志文件
  783. function get_log_file_from_server(str_log_file_name)
  784. {
  785. var http_request = new XMLHttpRequest();
  786. http_request.open("GET", str_srv_url + "/file?path=" + str_log_file_name, false);
  787. http_request.send(null);
  788. return http_request.responseText;
  789. }
  790. //从服务器获取一张图片数据,用于数据集图片预览向前及向后
  791. var g_curr_img_file_idx = 0;
  792. var g_dbl_clk_img_frame_id = "dataset_img_1";
  793. function get_one_img_file(str_dir = "next")
  794. {
  795. var lst_img_files = g_dataset_files[g_current_dataset_lable_name];
  796. if (g_b_show_dataset_type == "all")
  797. {
  798. lst_img_files = g_dataset_files[g_current_dataset_lable_name];
  799. }
  800. else if (g_b_show_dataset_type == "train")
  801. {
  802. lst_img_files = g_dataset_train_files[g_current_dataset_lable_name];
  803. }
  804. else if (g_b_show_dataset_type == "evaluate")
  805. {
  806. lst_img_files = g_dataset_evaluate_files[g_current_dataset_lable_name];
  807. }
  808. else if (g_b_show_dataset_type == "test")
  809. {
  810. lst_img_files = g_dataset_test_files[g_current_dataset_lable_name];
  811. }
  812. //数据集ID
  813. var str_dataset_id = document.getElementById('browse_dataset_id').value;
  814. //获取数据集路径
  815. var str_dataset_path = document.getElementById('view_dataset_path_' + str_dataset_id).value;
  816. var idx_img_frame_postfix = g_dbl_clk_img_frame_id.lastIndexOf("_");
  817. var idx_img_frame = 0;
  818. if(idx_img_frame_postfix >= 0)
  819. {
  820. idx_img_frame = parseInt(g_dbl_clk_img_frame_id.substring(idx_img_frame_postfix + 1,g_dbl_clk_img_frame_id.length)) - 1;
  821. }
  822. if (g_curr_img_file_idx == 0)
  823. {
  824. g_curr_img_file_idx = g_const_imgs_per_page * (g_current_dataset_page - 1) + idx_img_frame;
  825. }
  826. if(str_dir == "next")
  827. {
  828. g_curr_img_file_idx++;
  829. document.getElementById('arrow_pre_img').style.borderColor='blue';
  830. }
  831. else
  832. {
  833. g_curr_img_file_idx--;
  834. document.getElementById('arrow_next_img').style.borderColor='blue';
  835. }
  836. if(g_curr_img_file_idx <= 0)
  837. {
  838. g_curr_img_file_idx = 0;
  839. document.getElementById('arrow_pre_img').style.borderColor='gray';
  840. }
  841. if(g_curr_img_file_idx >= lst_img_files.length)
  842. {
  843. g_curr_img_file_idx = lst_img_files.length;
  844. document.getElementById('arrow_next_img').style.borderColor='gray';
  845. }
  846. var str_img_file_name = lst_img_files[g_curr_img_file_idx];
  847. var str_img_file = str_dataset_path + "/" + str_img_file_name;
  848. //是否显示标注
  849. var str_img_file_content = "";
  850. if(g_b_show_img_labels == true)
  851. {
  852. str_img_file_content = get_img_file_from_server(str_img_file, str_dataset_id);
  853. }
  854. else
  855. {
  856. str_img_file_content = get_img_file_from_server(str_img_file);
  857. }
  858. //更新img框内容
  859. var obj_img = document.getElementById('dataset_browse_img');
  860. var idx_file_postfix = str_img_file_name.lastIndexOf(".");
  861. var str_file_type = "jpeg";
  862. if(idx_file_postfix >= 0)
  863. {
  864. str_file_type = str_img_file_name.substring(idx_file_postfix + 1,str_img_file_name.length);
  865. }
  866. str_file_type = str_file_type.toLowerCase();
  867. var str_b64_type = "data:image/jpeg;base64,";
  868. if(str_file_type == "jpg" || str_file_type == "jpeg")
  869. str_b64_type = "data:image/jpeg;base64,";
  870. else if (str_file_type == "bmp")
  871. str_b64_type = "data:image/jpeg;base64,";
  872. else if (str_file_type == "png")
  873. str_b64_type = "data:image/png;base64,";
  874. obj_img.src = str_b64_type + str_img_file_content;
  875. }
  876. //刷新翻页按纽
  877. function refresh_dataset_page_buttons()
  878. {
  879. var int_file_count = g_dataset_files[g_current_dataset_lable_name].length;
  880. if (g_b_show_dataset_type == "all")
  881. {
  882. int_file_count = g_dataset_files[g_current_dataset_lable_name].length;
  883. }
  884. else if (g_b_show_dataset_type == "train")
  885. {
  886. int_file_count = g_dataset_train_files[g_current_dataset_lable_name].length;
  887. }
  888. else if (g_b_show_dataset_type == "evaluate")
  889. {
  890. int_file_count = g_dataset_evaluate_files[g_current_dataset_lable_name].length;
  891. }
  892. else if (g_b_show_dataset_type == "test")
  893. {
  894. int_file_count = g_dataset_test_files[g_current_dataset_lable_name].length;
  895. }
  896. var max_page_num = Math.ceil(int_file_count / g_const_imgs_per_page);
  897. document.getElementById('dataset_page_info').innerText = "第" + g_current_dataset_page + "页/共" + max_page_num + "页";
  898. }
  899. //加载数据标签信息
  900. function add_labels_to_table(str_lbl_list,dic_file_lst,dic_train_lst,dic_evaluate_lst,dic_test_lst)
  901. {
  902. g_dataset_files = dic_file_lst;
  903. g_dataset_train_files = dic_train_lst;
  904. g_dataset_evaluate_files = dic_evaluate_lst;
  905. g_dataset_test_files = dic_test_lst;
  906. var rows = table_dataset_labels.rows.length;
  907. for (i=rows-1;i>=1;i--)
  908. {
  909. table_dataset_labels.deleteRow(i);
  910. }
  911. for(var j=0;j<str_lbl_list.length;j++)
  912. {
  913. var str_lbl_name = str_lbl_list[j];
  914. var lst_files = dic_file_lst[str_lbl_name];
  915. var lst_train_files = dic_train_lst[str_lbl_name];
  916. var lst_evaluate_files = dic_evaluate_lst[str_lbl_name];
  917. var lst_test_files = dic_test_lst[str_lbl_name];
  918. var rows = table_dataset_labels.rows.length;
  919. var newTr = table_dataset_labels.insertRow(rows);
  920. newTr.id = str_lbl_name;
  921. newTr.onclick=function()
  922. {
  923. g_current_dataset_page = 1;
  924. g_current_dataset_lable_name = this.id;
  925. var tbl_trs = table_dataset_labels.getElementsByTagName("tr");
  926. for(var k = 1; k < tbl_trs.length; k++)
  927. {
  928. var bg_color = "#f2f2f2";
  929. if(k % 2 == 0)
  930. {
  931. bg_color = "#ffffff";
  932. }
  933. else
  934. {
  935. bg_color = "#f2f2f2";
  936. }
  937. if(k == this.rowIndex)
  938. {
  939. bg_color = "#76D6FF";
  940. }
  941. tbl_trs[k].style.backgroundColor = bg_color;
  942. }
  943. load_labels_imgs(this.id, g_current_dataset_page);
  944. refresh_dataset_page_buttons();
  945. }
  946. newTr.style.cursor="pointer";
  947. if(j == 0)
  948. {
  949. newTr.style.backgroundColor = "#76D6FF";
  950. }
  951. var newTd0=newTr.insertCell();
  952. newTd0.innerText = str_lbl_name;
  953. var newTd1=newTr.insertCell();
  954. newTd1.innerText = lst_files.length;
  955. var newTd2=newTr.insertCell();
  956. newTd2.innerText = lst_train_files.length;
  957. var newTd3=newTr.insertCell();
  958. newTd3.innerText = lst_evaluate_files.length;
  959. var newTd4=newTr.insertCell();
  960. newTd4.innerText = lst_test_files.length;
  961. }
  962. }
  963. //浏览数据集弹出窗口
  964. function show_browse_dataset_win_modal(obj)
  965. {
  966. var on_win_browse_dataset = document.getElementById('win_browse_dataset');
  967. var over_win_browse_dataset = document.getElementById('win_browse_dataset_over');
  968. document.getElementById('browse_dataset_id').value = obj.id;
  969. var str_dataset_details = get_dataset_detail_info(obj.id);
  970. var obj_json_dataset_details = eval('(' + str_dataset_details + ')');
  971. var lst_labels = obj_json_dataset_details["details"]["labels"];
  972. var lst_files = obj_json_dataset_details["details"]["label_info"];
  973. //训练集及测试集
  974. var lst_train_files = obj_json_dataset_details["details"]["class_train_file_list"];
  975. var lst_evaluate_files = obj_json_dataset_details["details"]["class_val_file_list"];
  976. var lst_test_files = obj_json_dataset_details["details"]["class_test_file_list"];
  977. //数据集详情
  978. document.getElementById('browse_dataset_name_text').value = document.getElementById('view_dataset_name_' + obj.id).value;
  979. document.getElementById('browse_dataset_type_text').value = document.getElementById('view_dataset_type_' + obj.id).value;
  980. document.getElementById('browse_dataset_desc_text').value = document.getElementById('view_dataset_desc_' + obj.id).value;
  981. //分类不需要显示标注
  982. if(document.getElementById('browse_dataset_type_text').value == "图像分类")
  983. {
  984. document.getElementById('dataset_chk_show_label').style.visibility = "hidden";
  985. document.getElementById('dataset_chk_show_label_txt').style.visibility = "hidden";
  986. }
  987. else
  988. {
  989. document.getElementById('dataset_chk_show_label').style.visibility = "";
  990. document.getElementById('dataset_chk_show_label_txt').style.visibility = "";
  991. }
  992. //默认不显示标注
  993. g_b_show_img_labels = false;
  994. document.getElementById('dataset_chk_show_label').checked = false;
  995. //默认显示全量数据
  996. g_b_show_dataset_type = "all";
  997. document.getElementById('sel_dataset_view_type')[0].selected = true;
  998. //刷新标签
  999. add_labels_to_table(lst_labels, lst_files, lst_train_files, lst_evaluate_files, lst_test_files);
  1000. //加载预览图片
  1001. g_current_dataset_lable_name = lst_labels[0];
  1002. load_labels_imgs(lst_labels[0],g_current_dataset_page);
  1003. //刷新翻页按纽
  1004. refresh_dataset_page_buttons();
  1005. on_win_browse_dataset.style.display = "block";
  1006. over_win_browse_dataset.style.display = "block";
  1007. }
  1008. //关闭浏览数据集
  1009. function hide_browse_dataset_win_modal(obj)
  1010. {
  1011. //当前页重置
  1012. g_current_dataset_page = 1;
  1013. g_b_show_dataset_type = "all";
  1014. var on_win_browse_dataset = document.getElementById('win_browse_dataset');
  1015. var over_win_browse_dataset = document.getElementById('win_browse_dataset_over');
  1016. document.getElementById('browse_dataset_id').value = "";
  1017. on_win_browse_dataset.style.display = "none";
  1018. over_win_browse_dataset.style.display = "none";
  1019. }
  1020. //双击放大图像
  1021. function zoom_image(obj)
  1022. {
  1023. g_curr_img_file_idx = 0;
  1024. g_dbl_clk_img_frame_id = obj.id;
  1025. if(g_dbl_clk_img_frame_id.indexOf("dataset") >= 0)
  1026. {
  1027. document.getElementById('arrow_pre_img').style.borderColor='blue';
  1028. document.getElementById('arrow_next_img').style.borderColor='blue';
  1029. }
  1030. else
  1031. {
  1032. document.getElementById('arrow_pre_img').style.borderColor='gray';
  1033. document.getElementById('arrow_next_img').style.borderColor='gray';
  1034. }
  1035. if(obj.src != "")
  1036. {
  1037. document.getElementById('dataset_browse_img').src = obj.src;
  1038. var on_win_browse_img = document.getElementById('win_browse_img');
  1039. var over_win_browse_img = document.getElementById('win_browse_img_over');
  1040. on_win_browse_img.style.display = "block";
  1041. over_win_browse_img.style.display = "block";
  1042. }
  1043. }
  1044. //关闭放大预览图片窗口
  1045. function hide_zoom_img(obj)
  1046. {
  1047. g_curr_img_file_idx = 0;
  1048. var on_win_browse_img = document.getElementById('win_browse_img');
  1049. var over_win_browse_img = document.getElementById('win_browse_img_over');
  1050. on_win_browse_img.style.display = "none";
  1051. over_win_browse_img.style.display = "none";
  1052. }
  1053. //关闭日志查看窗口
  1054. function hide_log_win(obj)
  1055. {
  1056. var on_win_view_log = document.getElementById('win_view_log');
  1057. var over_win_view_log = document.getElementById('win_view_log_over');
  1058. on_win_view_log.style.display = "none";
  1059. on_win_view_log.style.display = "none";
  1060. }
  1061. //上一页
  1062. function dataset_pre_page()
  1063. {
  1064. g_current_dataset_page = g_current_dataset_page - 1;
  1065. if(g_current_dataset_page <= 0)
  1066. {
  1067. g_current_dataset_page = 1;
  1068. }
  1069. load_labels_imgs(g_current_dataset_lable_name, g_current_dataset_page);
  1070. refresh_dataset_page_buttons();
  1071. }
  1072. //下一页
  1073. function dataset_next_page()
  1074. {
  1075. g_current_dataset_page = g_current_dataset_page + 1;
  1076. //是否大于最大页
  1077. var int_file_max_count = g_dataset_files[g_current_dataset_lable_name].length;
  1078. if (g_b_show_dataset_type == "all")
  1079. {
  1080. int_file_max_count = g_dataset_files[g_current_dataset_lable_name].length;
  1081. }
  1082. else if (g_b_show_dataset_type == "train")
  1083. {
  1084. int_file_max_count = g_dataset_train_files[g_current_dataset_lable_name].length;
  1085. }
  1086. else if (g_b_show_dataset_type == "evaluate")
  1087. {
  1088. int_file_max_count = g_dataset_evaluate_files[g_current_dataset_lable_name].length;
  1089. }
  1090. else if (g_b_show_dataset_type == "test")
  1091. {
  1092. int_file_max_count = g_dataset_test_files[g_current_dataset_lable_name].length;
  1093. }
  1094. if(g_current_dataset_page * g_const_imgs_per_page > int_file_max_count + 2)
  1095. {
  1096. g_current_dataset_page = g_current_dataset_page - 1;
  1097. }
  1098. load_labels_imgs(g_current_dataset_lable_name, g_current_dataset_page);
  1099. refresh_dataset_page_buttons();
  1100. }
  1101. //显示全量数据或者其他数据
  1102. function change_dataset_view_type(obj)
  1103. {
  1104. g_b_show_dataset_type = obj.value;
  1105. g_current_dataset_page = 1;
  1106. load_labels_imgs(g_current_dataset_lable_name, g_current_dataset_page);
  1107. refresh_dataset_page_buttons();
  1108. }
  1109. //显示标注
  1110. function show_dataset_labels()
  1111. {
  1112. g_b_show_img_labels = !g_b_show_img_labels;
  1113. load_labels_imgs(g_current_dataset_lable_name, g_current_dataset_page);
  1114. }
  1115. //秒转换为日期
  1116. function left_second_to_time(int_sec = 0)
  1117. {
  1118. var time_sec = parseInt(int_sec);
  1119. var time_min = 0;
  1120. var time_hour = 0;
  1121. var time_day = 0;
  1122. if(time_sec > 60)
  1123. {
  1124. time_min = parseInt(time_sec/60);
  1125. time_sec = parseInt(time_sec%60);
  1126. if(time_min > 60)
  1127. {
  1128. time_hour = parseInt(time_min/60);
  1129. time_min = parseInt(time_min%60);
  1130. if(time_hour > 24)
  1131. {
  1132. time_day = parseInt(time_hour/24);
  1133. time_hour = parseInt(time_hour%24);
  1134. }
  1135. }
  1136. }
  1137. var result = '';
  1138. if(time_sec > 0)
  1139. {
  1140. result = "" + parseInt(time_sec) + "秒";
  1141. }
  1142. if(time_min > 0)
  1143. {
  1144. result = "" + parseInt(time_min) + "分" + result;
  1145. }
  1146. if(time_hour > 0)
  1147. {
  1148. result = "" + parseInt(time_hour) + "小时" + result;
  1149. }
  1150. if(time_day > 0)
  1151. {
  1152. result = "" + parseInt(time_day) + "天" + result;
  1153. }
  1154. return result;
  1155. }
  1156. //根据任务状态更新任务信息UI
  1157. function update_task_detail_info_ui(str_view_task_id, b_get_task_parms = false)
  1158. {
  1159. //获取任务信息,刷新任务窗口
  1160. var http_request = new XMLHttpRequest();
  1161. http_request.open("GET", str_srv_url + "/project/task?tid=" + str_view_task_id, false);
  1162. http_request.send(null);
  1163. var obj_json = eval('(' + http_request.responseText + ')');
  1164. var str_task_msg = obj_json["message"];
  1165. var str_task_status = obj_json["task_status"];
  1166. var running_duration = "NA";
  1167. var progress_bar_value = 0;
  1168. var str_view_task_status_text = "任务初始化";
  1169. var str_task_next_button_lable = "关闭"
  1170. var obj_task_next_button = document.getElementById('btn_next_task_info');
  1171. //停止任务按纽
  1172. var obj_stop_task_div = document.getElementById('div_btn_stop_task');
  1173. var b_show_stop_task_btn = false;
  1174. if (str_task_status == TaskStatus.XINIT)
  1175. {
  1176. str_view_task_status_text = "任务初始化";
  1177. }
  1178. else if (str_task_status == TaskStatus.XTRAINFAIL)
  1179. {
  1180. str_view_task_status_text = "任务训练失败";
  1181. str_task_next_button_lable = "查看错误日志";
  1182. }
  1183. else if (str_task_status == TaskStatus.XTRAINDONE)
  1184. {
  1185. str_view_task_status_text = "任务训练完成";
  1186. progress_bar_value = 100;
  1187. str_task_msg = "任务训练完成,请进行模型评估或者导出模型";
  1188. //取消按纽更新为评估&导出模型
  1189. str_task_next_button_lable = "评估&导出模型";
  1190. }
  1191. else if (str_task_status == TaskStatus.XTRAINING)
  1192. {
  1193. str_view_task_status_text = "任务训练中";
  1194. b_show_stop_task_btn = true;
  1195. //获取任务参数
  1196. if(b_get_task_parms == true)
  1197. {
  1198. var train_parms_http_request = new XMLHttpRequest();
  1199. train_parms_http_request.open("GET", str_srv_url + "/project/task/params?tid=" + str_view_task_id, false);
  1200. train_parms_http_request.send(null);
  1201. var obj_parms_json = eval('(' + train_parms_http_request.responseText + ')');
  1202. g_train_task_parms = obj_parms_json["train"];
  1203. }
  1204. //获取训练状态
  1205. var train_http_request = new XMLHttpRequest();
  1206. train_http_request.open("GET", str_srv_url + "/project/task/metrics?tid=" + str_view_task_id + "&type=train", false);
  1207. train_http_request.send(null);
  1208. str_task_msg = train_http_request.responseText;
  1209. try
  1210. {
  1211. var obj_train_msg_json = eval('(' + str_task_msg + ')');
  1212. var dic_train_log_metric = obj_train_msg_json["train_log"]["train_metrics"];
  1213. running_duration = obj_train_msg_json["train_log"]["running_duration"];
  1214. var curr_epoc = dic_train_log_metric["Epoch"];
  1215. var curr_step = dic_train_log_metric["Step"];
  1216. var curr_acc1 = dic_train_log_metric["acc1"];
  1217. var curr_acc5 = dic_train_log_metric["acc5"];
  1218. var curr_loss = dic_train_log_metric["loss"];
  1219. var curr_lr = dic_train_log_metric["lr"];
  1220. var left_time = parseInt(obj_train_msg_json["train_log"]["eta"]);
  1221. if(left_time > 0)
  1222. running_duration = "已运行: " + running_duration + " (估计剩余时间: " + left_second_to_time(left_time) + ")";
  1223. //计算进度
  1224. var cur_progress = parseInt((parseInt(curr_epoc)-1)/parseInt(g_train_task_parms["num_epochs"]) * 100);
  1225. if(cur_progress > 100)
  1226. cur_progress = 100;
  1227. progress_bar_value = cur_progress;
  1228. }
  1229. catch(err)
  1230. {
  1231. str_view_task_status_text = "任务训练中(启动训练中)";
  1232. progress_bar_value = 0;
  1233. str_task_msg = "任务训练中(启动训练中),请稍等...";
  1234. }
  1235. //启动定时器,用于定时刷新任务状态
  1236. if(b_get_task_parms)
  1237. {
  1238. g_instance_refresh_clock = self.setInterval("refresh_task_detail_info_win()",1000);
  1239. }
  1240. }
  1241. else if (str_task_status == TaskStatus.XEXPORTING)
  1242. {
  1243. str_view_task_status_text = "任务训练完成(模型导出中)";
  1244. progress_bar_value = 100;
  1245. str_task_msg = "任务训练完成(模型导出中),可以重新进行模型评估或者导出模型";
  1246. //取消按纽更新为评估&导出模型
  1247. str_task_next_button_lable = "评估&导出模型";
  1248. }
  1249. else if (str_task_status == TaskStatus.XEXPORTED)
  1250. {
  1251. str_view_task_status_text = "任务训练完成(模型已导出)";
  1252. progress_bar_value = 100;
  1253. str_task_msg = "任务训练完成(模型已导出),可以重新进行模型评估或者导出模型";
  1254. //取消按纽更新为评估&导出模型
  1255. str_task_next_button_lable = "评估&导出模型";
  1256. }
  1257. else if (str_task_status == TaskStatus.XTRAINEXIT)
  1258. {
  1259. str_view_task_status_text = "任务已中止";
  1260. progress_bar_value = 0;
  1261. str_task_msg = "任务已中止,可以重新启动模型训练";
  1262. //取消按纽更新为评估&导出模型
  1263. str_task_next_button_lable = "继续训练";
  1264. }
  1265. var obj_view_task_status_text = document.getElementById('task_detail_status_text');
  1266. obj_view_task_status_text.value = str_view_task_status_text;
  1267. var obj_view_task_log_text = document.getElementById('task_detail_log_text');
  1268. obj_view_task_log_text.value = str_task_msg;
  1269. var obj_view_task_running_duration_text = document.getElementById('task_detail_running_duration_text');
  1270. obj_view_task_running_duration_text.value = running_duration;
  1271. //进度条
  1272. var obj_view_task_status_progress_value = document.getElementById('task_detail_status_progress_bar_value');
  1273. obj_view_task_status_progress_value.style = "width: " + progress_bar_value + "%;";
  1274. var obj_view_task_status_progress_bar = document.getElementById('task_detail_status_progress_bar');
  1275. obj_view_task_status_progress_value.innerText = progress_bar_value + "%";
  1276. //按纽标题
  1277. obj_task_next_button.value = str_task_next_button_lable;
  1278. //停止任务按纽显示
  1279. if(b_show_stop_task_btn == true)
  1280. {
  1281. obj_stop_task_div.style.visibility = "";
  1282. }
  1283. else
  1284. {
  1285. obj_stop_task_div.style.visibility = "hidden";
  1286. }
  1287. }
  1288. //显示任务运行状态窗口
  1289. function show_task_detail_info_win_modal(obj)
  1290. {
  1291. var input_task_detail_id = document.getElementById('task_detail_id');
  1292. input_task_detail_id.value = obj.id;
  1293. //获取任务信息,刷新任务窗口
  1294. var str_view_task_id = obj.id;
  1295. update_task_detail_info_ui(str_view_task_id, true);
  1296. var task_detail_info_win = document.getElementById('task_detail_info');
  1297. var task_detail_info_win_over = document.getElementById('task_detail_info_over');
  1298. task_detail_info_win.style.display = "block";
  1299. task_detail_info_win_over.style.display = "block";
  1300. }
  1301. //用于定时刷新任务运行状态窗口
  1302. function refresh_task_detail_info_win()
  1303. {
  1304. var input_task_detail_id = document.getElementById('task_detail_id');
  1305. var str_view_task_id = input_task_detail_id.value;
  1306. update_task_detail_info_ui(str_view_task_id, false);
  1307. }
  1308. //关闭任务运行信息弹出窗口
  1309. function hide_task_detail_info_win_modal()
  1310. {
  1311. var task_detail_info_win = document.getElementById('task_detail_info');
  1312. var task_detail_info_win_over = document.getElementById('task_detail_info_over');
  1313. var input_task_detail_id = document.getElementById('task_detail_id');
  1314. task_detail_info_win.style.display = "none";
  1315. task_detail_info_win_over.style.display = "none";
  1316. input_task_detail_id.value = "";
  1317. //关闭定时器
  1318. g_instance_refresh_clock=window.clearInterval(g_instance_refresh_clock);
  1319. }
  1320. //模型训练结束下一步处理(模型评估&导出)
  1321. function task_next_step_process(obj)
  1322. {
  1323. var str_btn_label = obj.value;
  1324. if(str_btn_label == "关闭")
  1325. {
  1326. hide_task_detail_info_win_modal();
  1327. }
  1328. else if(str_btn_label == "查看错误日志")
  1329. {
  1330. var str_error_tid = document.getElementById('task_detail_id').value;
  1331. var str_error_task_pid = document.getElementById('view_task_pid_' + str_error_tid).value;
  1332. //日志路径
  1333. var http_request = new XMLHttpRequest();
  1334. http_request.open('GET', str_srv_url + "/workspace", false);
  1335. http_request.send(null);
  1336. var obj_json = eval('(' + http_request.responseText + ')');
  1337. var str_server_workspace_path = obj_json["dirname"];
  1338. var str_error_log_path = str_server_workspace_path + "/projects/" + str_error_task_pid + "/" + str_error_tid + "/err.log";
  1339. var str_error_info = get_log_file_from_server(str_error_log_path);
  1340. //显示错误信息
  1341. document.getElementById('view_log_text').value = str_error_info;
  1342. var on_win_view_log = document.getElementById('win_view_log');
  1343. var over_win_view_log = document.getElementById('win_view_log_over');
  1344. on_win_view_log.style.display = "block";
  1345. on_win_view_log.style.display = "block";
  1346. }
  1347. else if(str_btn_label == "评估&导出模型")
  1348. {
  1349. //启动模型评估
  1350. show_evaluate_export_win_modal(obj);
  1351. //隐藏原来窗口
  1352. hide_task_detail_info_win_modal();
  1353. }
  1354. else if(str_btn_label == "继续训练")
  1355. {
  1356. //重新启动模型训练
  1357. var str_start_tid = "";
  1358. var obj_start_task_id_input = document.getElementById('task_detail_id');
  1359. str_start_tid = obj_start_task_id_input.value;
  1360. start_task(str_start_tid);
  1361. if (document.getElementById('btn_refresh').value == "刷新项目任务信息")
  1362. {
  1363. load_project_tasks(g_view_project_task_id);
  1364. }
  1365. else
  1366. {
  1367. load_tasks();
  1368. }
  1369. //隐藏原来窗口
  1370. hide_task_detail_info_win_modal();
  1371. }
  1372. }
  1373. //打开VDL链接
  1374. function open_task_vdl_window()
  1375. {
  1376. var input_task_detail_id = document.getElementById('task_detail_id');
  1377. var str_view_task_id = input_task_detail_id.value;
  1378. var http_request;
  1379. if (window.XMLHttpRequest)
  1380. {
  1381. http_request=new XMLHttpRequest();
  1382. }
  1383. else
  1384. {
  1385. http_request=new ActiveXObject("Microsoft.XMLHTTP");
  1386. }
  1387. http_request.onreadystatechange=function()
  1388. {
  1389. if (http_request.readyState==4)
  1390. {
  1391. if (http_request.status==200)
  1392. {
  1393. //获取URL并打开
  1394. str_json = http_request.responseText;
  1395. var obj_json = eval('(' + str_json + ')');
  1396. var str_vdl_url = obj_json["url"];
  1397. //alert(str_vdl_url);
  1398. window.open("http://" + str_vdl_url);
  1399. }
  1400. else
  1401. {
  1402. alert("打开失败,请检查服务器配置\n" + http_request.responseText);
  1403. }
  1404. }
  1405. }
  1406. http_request.open("GET", str_srv_url + "/project/task/vdl?tid=" + str_view_task_id, true);
  1407. http_request.send(null);
  1408. }
  1409. //关闭评估&导出模型弹出窗口
  1410. function hide_evaluate_export_win_modal(obj)
  1411. {
  1412. var obj_evaluate_export_task_project_id = document.getElementById('evaluate_export_task_project_id');
  1413. obj_evaluate_export_task_project_id.value = "";
  1414. document.getElementById('btn_evaluate_task_info').value = "启动评估";
  1415. var on_win_evaluate_export_model = document.getElementById('input_win_evaluate_export_model');
  1416. var over_win_evaluate_export_model = document.getElementById('input_win_evaluate_export_model_over');
  1417. on_win_evaluate_export_model.style.display = "none";
  1418. over_win_evaluate_export_model.style.display = "none";
  1419. }
  1420. //显示评估&导出模型弹出窗口
  1421. function show_evaluate_export_win_modal(obj)
  1422. {
  1423. var obj_detail_task_id = document.getElementById('task_detail_id');
  1424. var obj_export_task_id = document.getElementById('evaluate_export_task_id');
  1425. obj_export_task_id.value = obj_detail_task_id.value;
  1426. if(null == obj_export_task_id.value || 'undefined' == typeof(obj_export_task_id.value) || '' == obj_export_task_id.value)
  1427. {
  1428. obj_export_task_id.value = obj.id;
  1429. }
  1430. //初始化路径(workspace/projects/TXXX/export_model)
  1431. var http_request = new XMLHttpRequest();
  1432. http_request.open('GET', str_srv_url + "/workspace", false);
  1433. http_request.send(null);
  1434. var obj_json = eval('(' + http_request.responseText + ')');
  1435. var str_init_model_save_path = obj_json["dirname"];
  1436. var str_obj_task_prj_key = "view_task_pid_" + obj_export_task_id.value;
  1437. var obj_project_id = document.getElementById(str_obj_task_prj_key);
  1438. var str_project_id = obj_project_id.value;
  1439. var obj_evaluate_export_task_project_id = document.getElementById('evaluate_export_task_project_id');
  1440. obj_evaluate_export_task_project_id.value = str_project_id;
  1441. var obj_model_save_path = document.getElementById('export_model_path_text');
  1442. obj_model_save_path.value = str_init_model_save_path + "/projects/" + str_project_id + "/" + obj_export_task_id.value + "/export_model";
  1443. var on_win_evaluate_export_model = document.getElementById('input_win_evaluate_export_model');
  1444. var over_win_evaluate_export_model = document.getElementById('input_win_evaluate_export_model_over');
  1445. on_win_evaluate_export_model.style.display = "block";
  1446. over_win_evaluate_export_model.style.display = "block";
  1447. }
  1448. //评估任务
  1449. function evaluate_task(obj)
  1450. {
  1451. if (document.getElementById('btn_evaluate_task_info').value == "评估中...")
  1452. {
  1453. alert("评估进行中,请稍候...");
  1454. return;
  1455. }
  1456. var obj_evaluate_task_id = document.getElementById('evaluate_export_task_id');
  1457. var str_evaluate_task_id = obj_evaluate_task_id.value;
  1458. //启动评估
  1459. var http_request;
  1460. if (window.XMLHttpRequest)
  1461. {
  1462. http_request=new XMLHttpRequest();
  1463. }
  1464. else
  1465. {
  1466. http_request=new ActiveXObject("Microsoft.XMLHTTP");
  1467. }
  1468. http_request.onreadystatechange=function()
  1469. {
  1470. if (http_request.readyState==4)
  1471. {
  1472. if (http_request.status==200)
  1473. {
  1474. //查询评估报告
  1475. document.getElementById('btn_evaluate_task_info').value = "评估中...";
  1476. g_evaluate_task_wait_times = 0;
  1477. setTimeout(function(){get_evaluate_result(str_evaluate_task_id);}, 1000);
  1478. }
  1479. else
  1480. {
  1481. alert("启动评估失败,请检查服务器配置\n" + http_request.responseText);
  1482. }
  1483. }
  1484. }
  1485. var data = {"tid":str_evaluate_task_id,"epoch":null,"topk":5,'score_thresh':null, 'overlap_thresh':null};
  1486. http_request.open("POST", str_srv_url + "/project/task/evaluate", true);
  1487. http_request.setRequestHeader("Content-type","application/json");
  1488. http_request.send(JSON.stringify(data));
  1489. }
  1490. //获取任务评估状态和结果
  1491. var g_evaluate_task_wait_times = 0;
  1492. function get_evaluate_result(str_task_id)
  1493. {
  1494. g_evaluate_task_wait_times = g_evaluate_task_wait_times + 1;
  1495. var http_request;
  1496. if (window.XMLHttpRequest)
  1497. {
  1498. http_request=new XMLHttpRequest();
  1499. }
  1500. else
  1501. {
  1502. http_request=new ActiveXObject("Microsoft.XMLHTTP");
  1503. }
  1504. http_request.open("GET", str_srv_url + "/project/task/evaluate?tid=" + str_task_id, false);
  1505. http_request.send(null);
  1506. var obj_json = eval('(' + http_request.responseText + ')');
  1507. var str_evaluate_status = parseInt(obj_json["evaluate_status"]);
  1508. if(str_evaluate_status == TaskStatus.XEVALUATED)
  1509. {
  1510. document.getElementById('btn_evaluate_task_info').value = "启动评估";
  1511. alert("评估成功,详细信息:\n" + http_request.responseText);
  1512. }
  1513. else if(str_evaluate_status == TaskStatus.XEVALUATEFAIL)
  1514. {
  1515. document.getElementById('btn_evaluate_task_info').value = "启动评估";
  1516. alert("评估失败,详细信息:\n" + http_request.responseText);
  1517. }
  1518. else if(str_evaluate_status == TaskStatus.XEVALUATING)
  1519. {
  1520. if(g_evaluate_task_wait_times <= 10)
  1521. {
  1522. setTimeout(function(){get_evaluate_result(str_task_id);}, 3000);
  1523. }
  1524. }
  1525. else
  1526. {
  1527. if(g_evaluate_task_wait_times <= 10)
  1528. {
  1529. setTimeout(function(){get_evaluate_result(str_task_id);}, 3000);
  1530. }
  1531. }
  1532. }
  1533. //导出任务模型
  1534. function export_model(obj)
  1535. {
  1536. //任务id
  1537. var obj_export_task_id = document.getElementById('evaluate_export_task_id');
  1538. var str_export_task_id = obj_export_task_id.value;
  1539. //导出路径
  1540. var str_model_save_path = "";
  1541. var obj_model_save_path = document.getElementById('export_model_path_text');
  1542. str_model_save_path = obj_model_save_path.value;
  1543. var http_request;
  1544. if (window.XMLHttpRequest)
  1545. {
  1546. http_request=new XMLHttpRequest();
  1547. }
  1548. else
  1549. {
  1550. http_request=new ActiveXObject("Microsoft.XMLHTTP");
  1551. }
  1552. http_request.onreadystatechange=function()
  1553. {
  1554. if (http_request.readyState==4)
  1555. {
  1556. if (http_request.status==200)
  1557. {
  1558. //获取URL并打开
  1559. alert("导出成功! 模型保存路径:" + str_model_save_path);
  1560. //追加到导出模型列表
  1561. var str_project_id = "";
  1562. var obj_task_project_id = document.getElementById('evaluate_export_task_project_id');
  1563. str_project_id = obj_task_project_id.value;
  1564. var model_data = {"pid":str_project_id,"tid":str_export_task_id,"name":str_export_task_id + "_export_model","type":"exported","source_path":"","path":str_model_save_path,"exported_type":0,"eval_results":{}};
  1565. var model_http_request = new XMLHttpRequest();
  1566. model_http_request.open("POST", str_srv_url + "/model", false);
  1567. model_http_request.setRequestHeader("Content-type","application/json");
  1568. model_http_request.send(JSON.stringify(model_data));
  1569. }
  1570. else
  1571. {
  1572. alert("导出失败,请检查服务器配置\n" + http_request.responseText);
  1573. }
  1574. }
  1575. }
  1576. //默认epoch为自动获取最优
  1577. var data = {"tid":str_export_task_id,"type":"infer","save_dir":str_model_save_path,'quant': false};
  1578. http_request.open("POST", str_srv_url + "/project/task/export", true);
  1579. http_request.setRequestHeader("Content-type","application/json");
  1580. http_request.send(JSON.stringify(data));
  1581. }
  1582. //联系方式
  1583. function contact_us()
  1584. {
  1585. alert("PaddleX QQ群:1045148026");
  1586. }
  1587. //刷新按纽
  1588. function refresh_contents(obj)
  1589. {
  1590. if(obj.value == "刷新项目信息")
  1591. {
  1592. load_projects(obj);
  1593. }
  1594. else if (obj.value == "刷新数据集信息")
  1595. {
  1596. load_datasets(obj);
  1597. }
  1598. else if (obj.value == "刷新所有任务信息")
  1599. {
  1600. load_tasks(obj);
  1601. }
  1602. else if (obj.value == "刷新项目任务信息")
  1603. {
  1604. load_project_tasks(g_view_project_task_id);
  1605. }
  1606. else if (obj.value == "刷新模型信息")
  1607. {
  1608. load_models(obj);
  1609. }
  1610. else
  1611. {
  1612. load_projects(obj);
  1613. }
  1614. }
  1615. //项目对象右键弹出菜单
  1616. function show_project_popupmenu(obj)
  1617. {
  1618. var obj_project_id = document.getElementById('popup_menu_project_id');
  1619. obj_project_id.value = obj.id;
  1620. var menu = document.getElementById('popupmenu_project');
  1621. menu.style.display = 'block';
  1622. menu.style.left = document.documentElement.scrollLeft + document.body.scrollLeft+ window.event.clientX + 'px';
  1623. menu.style.top = document.documentElement.scrollTop + document.body.scrollTop+ window.event.clientY + 'px';
  1624. window.event.returnValue=false;
  1625. window.event.cancelBubble=true;
  1626. window.event.preventDafault();
  1627. window.event.stopPropagation();
  1628. return false;
  1629. }
  1630. //数据集对象右键弹出菜单
  1631. function show_dataset_popupmenu(obj)
  1632. {
  1633. var obj_dataset_id = document.getElementById('popup_menu_dataset_id');
  1634. obj_dataset_id.value = obj.id;
  1635. var menu = document.getElementById('popupmenu_dataset');
  1636. menu.style.display = 'block';
  1637. menu.style.left = document.documentElement.scrollLeft + document.body.scrollLeft+ window.event.clientX + 'px';
  1638. menu.style.top = document.documentElement.scrollTop + document.body.scrollTop+ window.event.clientY + 'px';
  1639. window.event.returnValue=false;
  1640. window.event.cancelBubble=true;
  1641. window.event.preventDafault();
  1642. window.event.stopPropagation();
  1643. return false;
  1644. }
  1645. //任务对象右键弹出菜单
  1646. function show_task_popupmenu(obj)
  1647. {
  1648. var obj_task_id = document.getElementById('popup_menu_task_id');
  1649. obj_task_id.value = obj.id;
  1650. var menu = document.getElementById('popupmenu_task');
  1651. menu.style.display = 'block';
  1652. menu.style.left = document.documentElement.scrollLeft + document.body.scrollLeft+ window.event.clientX + 'px';
  1653. menu.style.top = document.documentElement.scrollTop + document.body.scrollTop+ window.event.clientY + 'px';
  1654. window.event.returnValue=false;
  1655. window.event.cancelBubble=true;
  1656. window.event.preventDafault();
  1657. window.event.stopPropagation();
  1658. return false;
  1659. }
  1660. //任务对象右键弹出菜单
  1661. function show_models_popupmenu(obj)
  1662. {
  1663. var obj_model_id = document.getElementById('popup_menu_model_id');
  1664. obj_model_id.value = obj.id;
  1665. var menu = document.getElementById('popupmenu_model');
  1666. menu.style.display = 'block';
  1667. menu.style.left = document.documentElement.scrollLeft + document.body.scrollLeft+ window.event.clientX + 'px';
  1668. menu.style.top = document.documentElement.scrollTop + document.body.scrollTop+ window.event.clientY + 'px';
  1669. window.event.returnValue=false;
  1670. window.event.cancelBubble=true;
  1671. window.event.preventDafault();
  1672. window.event.stopPropagation();
  1673. return false;
  1674. }
  1675. //隐藏右键菜单
  1676. document.onclick = function()
  1677. {
  1678. var menu = document.getElementById('popupmenu_project');
  1679. menu.style.display = 'none';
  1680. var obj_project_id = document.getElementById('popup_menu_project_id');
  1681. obj_project_id.value = "";
  1682. menu = document.getElementById('popupmenu_dataset');
  1683. menu.style.display = 'none';
  1684. var obj_dataset_id = document.getElementById('popup_menu_dataset_id');
  1685. obj_dataset_id.value = "";
  1686. menu = document.getElementById('popupmenu_task');
  1687. menu.style.display = 'none';
  1688. var obj_task_id = document.getElementById('popup_menu_task_id');
  1689. obj_task_id.value = "";
  1690. menu = document.getElementById('popupmenu_model');
  1691. menu.style.display = 'none';
  1692. var obj_model_id = document.getElementById('popup_menu_model_id');
  1693. obj_model_id.value = "";
  1694. }
  1695. //设置远端服务器地址
  1696. function set_server_addr(input_data)
  1697. {
  1698. var input_srv_url = document.getElementById('server_url_text');
  1699. str_srv_url = input_srv_url.value;
  1700. var last_pos = str_srv_url.length - 1;
  1701. var last_char = str_srv_url.charAt(last_pos);
  1702. if(last_char == '/')
  1703. {
  1704. str_srv_url = str_srv_url.substring(0, (str_srv_url.length - 1));
  1705. }
  1706. var http_request = new XMLHttpRequest();
  1707. http_request.onreadystatechange=function()
  1708. {
  1709. if (http_request.readyState==4)
  1710. {
  1711. if (http_request.status==200)
  1712. {
  1713. str_json = http_request.responseText;
  1714. var obj_json = eval('(' + str_json + ')');
  1715. var str_workspace_dir = obj_json["dirname"];
  1716. alert("设置成功!\n服务器地址:" + str_srv_url + "\n服务器工作区路径:" + str_workspace_dir);
  1717. hide_server_info(null);
  1718. load_projects();
  1719. }
  1720. else
  1721. {
  1722. alert("设置失败,服务器连接失败,请检查服务器地址是否正确!" + http_request.responseText)
  1723. }
  1724. }
  1725. }
  1726. http_request.open('GET', str_srv_url + "/workspace", true);
  1727. http_request.send(null);
  1728. }
  1729. //获取服务器系统信息
  1730. function get_server_system_info(str_info_type = "machine_info")
  1731. {
  1732. var http_request = new XMLHttpRequest();
  1733. http_request.open('GET', str_srv_url + "/system?type=" + str_info_type, false);
  1734. http_request.send(null);
  1735. return http_request.responseText;
  1736. }
  1737. //获取工作区所有项目信息
  1738. function load_projects()
  1739. {
  1740. update_nav_bar(Nav_Bar_Type_Enum["projects"]);
  1741. var http_request;
  1742. if (window.XMLHttpRequest)
  1743. {
  1744. http_request=new XMLHttpRequest();
  1745. }
  1746. else
  1747. {
  1748. http_request=new ActiveXObject("Microsoft.XMLHTTP");
  1749. }
  1750. http_request.onreadystatechange=function()
  1751. {
  1752. if(http_request.readyState==4 && http_request.status==200)
  1753. {
  1754. //更新表格内容
  1755. fill_table_contents(http_request.responseText, "project");
  1756. }
  1757. else
  1758. {
  1759. fill_table_with_error();
  1760. }
  1761. }
  1762. http_request.open("GET",str_srv_url + "/project",true);
  1763. http_request.send(null);
  1764. }
  1765. //创建项目
  1766. function create_project(input_data)
  1767. {
  1768. var input_prj_name = document.getElementById('project_name_text');
  1769. var input_prj_type = document.getElementById('project_type_text');
  1770. var input_prj_desc = document.getElementById('project_desc_text');
  1771. var input_prj_dataset = document.getElementById('create_project_dataset_id_text');
  1772. var str_prj_name = input_prj_name.value;
  1773. var str_prj_type = input_prj_type.value;
  1774. var str_prj_desc = input_prj_desc.value;
  1775. var str_prj_dataset_id = input_prj_dataset.value;
  1776. if(str_prj_name == "")
  1777. {
  1778. alert("请输入项目名称");
  1779. return;
  1780. }
  1781. if(str_prj_dataset_id == 0)
  1782. {
  1783. alert("请选择项目对应数据集或者创建数据集");
  1784. return;
  1785. }
  1786. var http_request = new XMLHttpRequest();
  1787. http_request.onreadystatechange=function()
  1788. {
  1789. if (http_request.readyState==4)
  1790. {
  1791. if (http_request.status==200)
  1792. {
  1793. str_json = http_request.responseText;
  1794. alert("项目创建成功!\n" + str_json);
  1795. var obj_json = eval('(' + str_json + ')');
  1796. var str_new_pid = obj_json["pid"];
  1797. //绑定数据集
  1798. var attr_dict = {'did': str_prj_dataset_id};
  1799. var bind_params = {'struct': 'project', 'id': str_new_pid, 'attr_dict': attr_dict}
  1800. var bind_http_request = new XMLHttpRequest();
  1801. bind_http_request.open("PUT", str_srv_url + "/workspace", false);
  1802. bind_http_request.setRequestHeader("Content-type","application/json");
  1803. bind_http_request.send(JSON.stringify(bind_params));
  1804. hide_create_prj_win_modal();
  1805. load_projects();
  1806. }
  1807. else
  1808. {
  1809. alert("项目创建失败,请检查服务器配置" + http_request.responseText);
  1810. }
  1811. }
  1812. }
  1813. var data = {"name":str_prj_name,"desc":str_prj_desc,"project_type":str_prj_type};
  1814. http_request.open("POST", str_srv_url + "/project", true);
  1815. http_request.setRequestHeader("Content-type","application/json");
  1816. http_request.send(JSON.stringify(data));
  1817. }
  1818. //对某个字段排序
  1819. function sort_compare(sort_field, sort_type = "asc")
  1820. {
  1821. return function(a,b)
  1822. {
  1823. if(sort_type == "asc")
  1824. {
  1825. return a[sort_field].localeCompare(b[sort_field]);
  1826. }
  1827. else
  1828. {
  1829. return b[sort_field].localeCompare(a[sort_field]);
  1830. }
  1831. }
  1832. }
  1833. //查看一个项目
  1834. function show_project(data)
  1835. {
  1836. g_view_project_task_id = data.id;
  1837. g_view_project_task_type = document.getElementById("view_project_type_" + g_view_project_task_id).value;
  1838. g_view_project_task_name = document.getElementById("view_project_name_" + g_view_project_task_id).value;
  1839. //查看项目下的任务
  1840. load_project_tasks(data.id);
  1841. }
  1842. //获取工作区所有数据集信息
  1843. function load_datasets()
  1844. {
  1845. update_nav_bar(Nav_Bar_Type_Enum["datasets"]);
  1846. var http_request;
  1847. if (window.XMLHttpRequest)
  1848. {
  1849. http_request=new XMLHttpRequest();
  1850. }
  1851. else
  1852. {
  1853. http_request=new ActiveXObject("Microsoft.XMLHTTP");
  1854. }
  1855. http_request.onreadystatechange=function()
  1856. {
  1857. if(http_request.readyState==4 && http_request.status==200)
  1858. {
  1859. //更新表格内容
  1860. fill_table_contents(http_request.responseText, "dataset");
  1861. }
  1862. else
  1863. {
  1864. fill_table_with_error();
  1865. }
  1866. }
  1867. http_request.open("GET",str_srv_url + "/dataset",true);
  1868. http_request.send(null);
  1869. }
  1870. //获取所有任务信息
  1871. function load_tasks()
  1872. {
  1873. document.getElementById("btn_refresh").value = "刷新所有任务信息";
  1874. document.getElementById("table_create_new").style.display = "none";
  1875. update_nav_bar(Nav_Bar_Type_Enum["tasks"]);
  1876. var http_request;
  1877. if (window.XMLHttpRequest)
  1878. {
  1879. http_request=new XMLHttpRequest();
  1880. }
  1881. else
  1882. {
  1883. http_request=new ActiveXObject("Microsoft.XMLHTTP");
  1884. }
  1885. http_request.onreadystatechange=function()
  1886. {
  1887. if(http_request.readyState==4 && http_request.status==200)
  1888. {
  1889. //更新表格内容
  1890. fill_table_contents(http_request.responseText, "task");
  1891. }
  1892. else
  1893. {
  1894. fill_table_with_error();
  1895. }
  1896. }
  1897. http_request.open("GET",str_srv_url + "/project/task",true);
  1898. http_request.send(null);
  1899. }
  1900. //获取项目下的任务
  1901. function load_project_tasks(str_project_id)
  1902. {
  1903. document.getElementById("btn_refresh").value = "刷新项目任务信息";
  1904. document.getElementById("table_create_new").style.display = "block";
  1905. document.getElementById("btn_create_new").value = "新建任务";
  1906. update_nav_bar(Nav_Bar_Type_Enum["project_tasks"]);
  1907. var http_request;
  1908. if (window.XMLHttpRequest)
  1909. {
  1910. http_request=new XMLHttpRequest();
  1911. }
  1912. else
  1913. {
  1914. http_request=new ActiveXObject("Microsoft.XMLHTTP");
  1915. }
  1916. http_request.onreadystatechange=function()
  1917. {
  1918. if(http_request.readyState==4 && http_request.status==200)
  1919. {
  1920. //更新表格内容
  1921. fill_table_contents(http_request.responseText, "task");
  1922. }
  1923. else
  1924. {
  1925. fill_table_with_error();
  1926. }
  1927. }
  1928. http_request.open("GET",str_srv_url + "/project/task?pid=" + str_project_id,true);
  1929. http_request.send(null);
  1930. }
  1931. //创建数据集
  1932. function create_dataset(input_data)
  1933. {
  1934. var http_request = new XMLHttpRequest();
  1935. http_request.onreadystatechange=function()
  1936. {
  1937. if (http_request.readyState==4)
  1938. {
  1939. if (http_request.status==200)
  1940. {
  1941. alert("数据集创建成功!\n" + http_request.responseText);
  1942. hide_create_dataset_win_modal();
  1943. load_datasets();
  1944. }
  1945. else
  1946. {
  1947. alert("数据集创建失败,请检查服务器配置" + http_request.responseText);
  1948. }
  1949. }
  1950. }
  1951. var input_dataset_name = document.getElementById('dataset_name_text');
  1952. var input_dataset_type = document.getElementById('dataset_type_text');
  1953. var input_dataset_desc = document.getElementById('dataset_desc_text');
  1954. var str_dataset_name = input_dataset_name.value;
  1955. var str_dataset_type = input_dataset_type.value;
  1956. var str_dataset_desc = input_dataset_desc.value;
  1957. if(str_dataset_name == "")
  1958. {
  1959. alert("请输入数据集名称");
  1960. return;
  1961. }
  1962. var data = {"name":str_dataset_name,"desc":str_dataset_desc,"dataset_type":str_dataset_type};
  1963. http_request.open("POST", str_srv_url + "/dataset", true);
  1964. http_request.setRequestHeader("Content-type","application/json");
  1965. http_request.send(JSON.stringify(data));
  1966. }
  1967. //导入数据集
  1968. function import_dataset(obj)
  1969. {
  1970. var http_request = new XMLHttpRequest();
  1971. http_request.onreadystatechange=function()
  1972. {
  1973. if (http_request.readyState==4)
  1974. {
  1975. if (http_request.status==200)
  1976. {
  1977. alert("数据集导入成功!\n" + http_request.responseText);
  1978. hide_import_dataset_win_modal(obj);
  1979. load_datasets();
  1980. }
  1981. else
  1982. {
  1983. alert("数据集导入失败,请检查服务器配置" + http_request.responseText);
  1984. }
  1985. }
  1986. }
  1987. var obj_import_dataset_id = document.getElementById('import_dataset_id');
  1988. str_import_dataset_id = obj_import_dataset_id.value;
  1989. var input_dataset_path = document.getElementById('import_dataset_path_text');
  1990. var str_dataset_path = input_dataset_path.value;
  1991. if(str_dataset_path == "")
  1992. {
  1993. alert("请输入数据集路径");
  1994. return;
  1995. }
  1996. var data = {"did":str_import_dataset_id,"path":str_dataset_path};
  1997. http_request.open("PUT", str_srv_url + "/dataset", true);
  1998. http_request.setRequestHeader("Content-type","application/json");
  1999. http_request.send(JSON.stringify(data));
  2000. }
  2001. //切分数据集
  2002. function split_dataset(obj)
  2003. {
  2004. var http_request = new XMLHttpRequest();
  2005. http_request.onreadystatechange=function()
  2006. {
  2007. if (http_request.readyState==4)
  2008. {
  2009. if (http_request.status==200)
  2010. {
  2011. alert("数据集切分成功!\n" + http_request.responseText);
  2012. hide_split_dataset_win_modal(obj);
  2013. load_datasets();
  2014. }
  2015. else
  2016. {
  2017. alert("数据集切分失败,请检查服务器配置" + http_request.responseText);
  2018. }
  2019. }
  2020. }
  2021. var obj_split_dataset_id = document.getElementById('split_dataset_id');
  2022. var str_split_dataset_id = obj_split_dataset_id.value;
  2023. var obj_split_dataset_var_percent = document.getElementById('split_dataset_val_percent');
  2024. var val_split = obj_split_dataset_var_percent.value/100;
  2025. var obj_split_dataset_test_percent = document.getElementById('split_dataset_test_percent');
  2026. var test_split = obj_split_dataset_test_percent.value/100;
  2027. var data = {"did":str_split_dataset_id, "val_split":val_split, "test_split":test_split};
  2028. //alert(JSON.stringify(data));
  2029. http_request.open("PUT", str_srv_url + "/dataset/split", true);
  2030. http_request.setRequestHeader("Content-type","application/json");
  2031. http_request.send(JSON.stringify(data));
  2032. }
  2033. //获取所有导出模型
  2034. function load_models()
  2035. {
  2036. update_nav_bar(Nav_Bar_Type_Enum["models"]);
  2037. var http_request;
  2038. if (window.XMLHttpRequest)
  2039. {
  2040. http_request=new XMLHttpRequest();
  2041. }
  2042. else
  2043. {
  2044. http_request=new ActiveXObject("Microsoft.XMLHTTP");
  2045. }
  2046. http_request.onreadystatechange=function()
  2047. {
  2048. if(http_request.readyState==4 && http_request.status==200)
  2049. {
  2050. //更新表格内容
  2051. fill_table_contents(http_request.responseText, "models");
  2052. }
  2053. else
  2054. {
  2055. fill_table_with_error();
  2056. }
  2057. }
  2058. http_request.open("GET",str_srv_url + "/model?type=exported",true);
  2059. http_request.send(null);
  2060. }
  2061. //填充对象信息到表格(项目/数据集/任务/模型)
  2062. function fill_table_contents(list_contents, type = "project")
  2063. {
  2064. if(type == "project")
  2065. {
  2066. document.getElementById("btn_refresh").value = "刷新项目信息";
  2067. document.getElementById("table_create_new").style.display = "block";
  2068. document.getElementById("btn_create_new").value = "新建项目";
  2069. rows = table_contents.rows.length;
  2070. for (i=0;i<rows;i++)
  2071. {
  2072. table_contents.deleteRow(i);
  2073. rows=rows-1;
  2074. i=i-1;
  2075. }
  2076. rows = table_contents.rows.length;
  2077. var newTr=table_contents.insertRow(rows);
  2078. var str_json = eval('(' + list_contents + ')');
  2079. var obj_prjs = str_json["projects"];
  2080. count_prj = Object.keys(obj_prjs).length;
  2081. col_count = 1;
  2082. //项目为空
  2083. if(count_prj <= 0)
  2084. {
  2085. var newTd0=newTr.insertCell();
  2086. var str_html = "<div id=\"draw-border\"><view_item id=\"btn_create\" onclick=\"show_download_demo_win_modal(this)\" style=\"width: 510px; height: 90px; align: center\">";
  2087. str_html = str_html + "<br><font color=\"blue\">暂无项目,点击下载示例项目(或点击新建按纽创建新项目)</font>";
  2088. str_html = str_html + "</view_item></div>";
  2089. newTd0.innerHTML = str_html;
  2090. return;
  2091. }
  2092. obj_prjs.sort(sort_compare('id'));
  2093. for(var p in obj_prjs)
  2094. {
  2095. str_id = obj_prjs[p].id;
  2096. str_attr = obj_prjs[p].attr;
  2097. str_name = str_attr["name"];
  2098. str_desc = str_attr["desc"];
  2099. str_type = str_attr["type"];
  2100. str_crttime = str_attr["create_time"];
  2101. var newTd0=newTr.insertCell();
  2102. var str_html = "";
  2103. str_html = "<div id=\"draw-border\" style=\"word-wrap: break-word;\"><view_item onclick=\"show_project(this)\" oncontextmenu=\"javascript:show_project_popupmenu(this);\" id=\"" + str_id + "\">";
  2104. //str_html = str_html + "<div class=\"hide_del_button\" id=\"" + str_id + "\" onclick=\"javascript:delete_project()\">删除</div>";
  2105. str_html = str_html + "项目名称:" + str_name + " (" + str_id + ")" + "<br>" + "<input type=\"hidden\" id=\"view_project_name_" + str_id + "\" value=\"" + str_name + "\">";
  2106. if(str_type == "classification")
  2107. str_type_view = "<font color=\"green\">图像分类</font>";
  2108. else if(str_type == "detection")
  2109. str_type_view = "<font color=\"purple\">目标检测</font>";
  2110. else if(str_type == "instance_segmentation")
  2111. str_type_view = "<font color=\"orange\">实例分割</font>";
  2112. else if(str_type == "segmentation")
  2113. str_type_view = "<font color=\"red\">语义分割</font>";
  2114. //如下所示,后续如果要获取对象数据,可以在此处放hidden input,后续再通过id获取
  2115. str_html = str_html + "项目类型:" + str_type_view + "<br>" + "<input type=\"hidden\" id=\"view_project_type_" + str_id + "\" value=\"" + str_type + "\">";
  2116. str_html = str_html + "项目描述:" + str_desc + "<br><br>";
  2117. str_html = str_html + "创建时间:" + str_crttime + "<br>";
  2118. str_html = str_html + "</view_item></div>";
  2119. newTd0.innerHTML = str_html;
  2120. if(col_count == 5)
  2121. {
  2122. rows = table_contents.rows.length;
  2123. newTr=table_contents.insertRow(rows);
  2124. col_count = 1;
  2125. }
  2126. else
  2127. {
  2128. col_count = col_count + 1;
  2129. }
  2130. }
  2131. }
  2132. else if(type == "dataset")
  2133. {
  2134. document.getElementById("btn_refresh").value = "刷新数据集信息";
  2135. document.getElementById("table_create_new").style.display = "block";
  2136. document.getElementById("btn_create_new").value = "新建数据集";
  2137. rows = table_contents.rows.length;
  2138. for (i=0;i<rows;i++)
  2139. {
  2140. table_contents.deleteRow(i);
  2141. rows=rows-1;
  2142. i=i-1;
  2143. }
  2144. rows = table_contents.rows.length;
  2145. var newTr=table_contents.insertRow(rows);
  2146. var str_json = eval('(' + list_contents + ')');
  2147. var obj_datasets = str_json["datasets"];
  2148. count_datasets = Object.keys(obj_datasets).length;
  2149. col_count = 1;
  2150. //数据集为空
  2151. if(count_datasets <= 0)
  2152. {
  2153. var newTd0=newTr.insertCell();
  2154. var str_html = "<div id=\"draw-border\"><view_item id=\"btn_create\" onclick=\"show_create_dataset_win_modal(this)\" style=\"width: 260px; height: 90px; align: center\">";
  2155. str_html = str_html + "<br><font color=\"blue\">暂无数据集,点击创建数据集</font>";
  2156. str_html = str_html + "</view_item></div>";
  2157. newTd0.innerHTML = str_html;
  2158. return;
  2159. }
  2160. obj_datasets.sort(sort_compare('id'));
  2161. for(var p in obj_datasets)
  2162. {
  2163. str_id = obj_datasets[p].id;
  2164. str_attr = obj_datasets[p].attr;
  2165. str_name = str_attr["name"];
  2166. str_desc = str_attr["desc"];
  2167. str_type = str_attr["type"];
  2168. str_crttime = str_attr["create_time"];
  2169. str_status = str_attr["dataset_status"];
  2170. str_dataset_path = str_attr["path"];
  2171. //增加状态显示以及对应的操作
  2172. var view_status_str = "未导入";
  2173. var str_function = "void";
  2174. if (str_status == DatasetStatus.XEMPTY)
  2175. {
  2176. view_status_str = "未导入";
  2177. str_function = "show_import_dataset_win_modal";
  2178. }
  2179. else if (str_status == DatasetStatus.XCHECKING)
  2180. {
  2181. view_status_str = "校验中";
  2182. }
  2183. else if (str_status == DatasetStatus.XCHECKFAIL)
  2184. {
  2185. view_status_str = "校验失败";
  2186. str_function = "show_import_dataset_win_modal";
  2187. }
  2188. else if (str_status == DatasetStatus.XCOPYING)
  2189. {
  2190. view_status_str = "导入中";
  2191. }
  2192. else if (str_status == DatasetStatus.XCOPYDONE)
  2193. {
  2194. view_status_str = "已校验&未切分";
  2195. str_function = "show_split_dataset_win_modal";
  2196. }
  2197. else if (str_status == DatasetStatus.XSPLITED)
  2198. {
  2199. view_status_str = "已校验&已切分";
  2200. str_function = "show_browse_dataset_win_modal";
  2201. }
  2202. else if (str_status == DatasetStatus.XCOPYFAIL)
  2203. {
  2204. view_status_str = "导入失败";
  2205. str_function = "show_import_dataset_win_modal";
  2206. }
  2207. var newTd0=newTr.insertCell();
  2208. var str_html = "";
  2209. str_html = "<div id=\"draw-border\" style=\"word-wrap: break-word;\"><view_item id=\"" + str_id + "\" onclick=\"javascript:" + str_function + "(this);\" oncontextmenu=\"javascript:show_dataset_popupmenu(this);\">";
  2210. //str_html = str_html + "<div class=\"hide_del_button\" onclick=\"delete_dataset()\" id=\"" + str_id + "\">删除</div>";
  2211. str_html = str_html + "数据集名称:" + str_name + " (" + str_id + ")" + "<br>" + "<input type=\"hidden\" id=\"view_dataset_name_" + str_id + "\" value=\"" + str_name + "\">";
  2212. if(str_type == "classification")
  2213. {
  2214. str_dataset_type = "图像分类";
  2215. str_type_view = "<font color=\"green\">图像分类</font>";
  2216. }
  2217. else if(str_type == "detection")
  2218. {
  2219. str_dataset_type = "目标检测";
  2220. str_type_view = "<font color=\"purple\">目标检测</font>";
  2221. }
  2222. else if(str_type == "instance_segmentation")
  2223. {
  2224. str_dataset_type = "实例分割";
  2225. str_type_view = "<font color=\"orange\">实例分割</font>";
  2226. }
  2227. else if(str_type == "segmentation")
  2228. {
  2229. str_dataset_type = "语义分割";
  2230. str_type_view = "<font color=\"red\">语义分割</font>";
  2231. }
  2232. //如果需要获取对象信息,可以在此增加hidden的input
  2233. str_html = str_html + "数据集类型:" + str_type_view + "<br>" + "<input type=\"hidden\" id=\"view_dataset_type_" + str_id + "\" value=\"" + str_dataset_type + "\">";
  2234. str_html = str_html + "数据集描述:" + str_desc + "<br>" + "<input type=\"hidden\" id=\"view_dataset_desc_" + str_id + "\" value=\"" + str_desc + "\">";
  2235. str_html = str_html + "创建时间:" + str_crttime + "<br>" + "<input type=\"hidden\" id=\"view_dataset_path_" + str_id + "\" value=\"" + str_dataset_path + "\">";
  2236. str_html = str_html + "数据集状态:" + view_status_str + "<br>";
  2237. str_html = str_html + "</view_item></div>";
  2238. newTd0.innerHTML = str_html;
  2239. if(col_count == 5)
  2240. {
  2241. rows = table_contents.rows.length;
  2242. newTr=table_contents.insertRow(rows);
  2243. col_count = 1;
  2244. }
  2245. else
  2246. {
  2247. col_count = col_count + 1;
  2248. }
  2249. }
  2250. }
  2251. else if(type == "task")
  2252. {
  2253. rows = table_contents.rows.length;
  2254. for (i=0;i<rows;i++)
  2255. {
  2256. table_contents.deleteRow(i);
  2257. rows=rows-1;
  2258. i=i-1;
  2259. }
  2260. rows = table_contents.rows.length;
  2261. var newTr=table_contents.insertRow(rows);
  2262. var str_json = eval('(' + list_contents + ')');
  2263. var obj_tasks = str_json["tasks"];
  2264. count_tasks = Object.keys(obj_tasks).length;
  2265. col_count = 1;
  2266. //任务为空
  2267. if(count_tasks <= 0)
  2268. {
  2269. var newTd0=newTr.insertCell();
  2270. var str_html = "";
  2271. if(document.getElementById("btn_refresh").value == "刷新项目任务信息")
  2272. {
  2273. str_html = "<div id=\"draw-border\"><view_item id=\"btn_create\" onclick=\"javascript:show_create_task_win_modal(this)\" style=\"width: 340px; height: 90px; align: center\">";
  2274. str_html = str_html + "<br><font color=\"blue\">当前项目无训练任务,点击创建训练任务</font>";
  2275. str_html = str_html + "</view_item></div>";
  2276. }
  2277. else
  2278. {
  2279. str_html = "<div id=\"draw-border\"><view_item id=\"btn_create\" onclick=\"javascript:void(this)\" style=\"width: 420px; height: 90px; align: center\">";
  2280. str_html = str_html + "<br><font color=\"blue\">当前无训练任务,请先在对应项目中创建训练任务</font>";
  2281. str_html = str_html + "</view_item></div>";
  2282. }
  2283. newTd0.innerHTML = str_html;
  2284. return;
  2285. }
  2286. obj_tasks.sort(sort_compare('id'));
  2287. for(var p in obj_tasks)
  2288. {
  2289. str_id = obj_tasks[p].id;
  2290. str_pid = obj_tasks[p].pid;
  2291. str_name = obj_tasks[p].name;
  2292. str_desc = obj_tasks[p].desc;
  2293. str_path = obj_tasks[p].path;
  2294. str_crttime = obj_tasks[p].create_time;
  2295. str_status = obj_tasks[p].status;
  2296. str_type = obj_tasks[p].type;
  2297. //增加状态显示以及对应的操作
  2298. var view_status_str = "初始化";
  2299. var str_function = "void";
  2300. if (str_status == TaskStatus.XUNINIT)
  2301. {
  2302. view_status_str = "初始化";
  2303. str_function = "show_init_task_win_modal";
  2304. }
  2305. else if (str_status == TaskStatus.XINIT)
  2306. {
  2307. view_status_str = "初始化";
  2308. str_function = "show_init_task_win_modal";
  2309. }
  2310. else if (str_status == TaskStatus.XDOWNLOADING)
  2311. {
  2312. view_status_str = "下载预训练模型中";
  2313. str_function = "show_task_detail_info_win_modal";
  2314. }
  2315. else if (str_status == TaskStatus.XTRAINING)
  2316. {
  2317. view_status_str = "训练中";
  2318. str_function = "show_task_detail_info_win_modal";
  2319. }
  2320. else if (str_status == TaskStatus.XTRAINDONE)
  2321. {
  2322. view_status_str = "训练完成";
  2323. str_function = "show_task_detail_info_win_modal";
  2324. }
  2325. else if (str_status == TaskStatus.XEVALUATED)
  2326. {
  2327. view_status_str = "评估完成";
  2328. str_function = "show_evaluate_export_win_modal";
  2329. }
  2330. else if (str_status == TaskStatus.XEXPORTING)
  2331. {
  2332. view_status_str = "模型导出中";
  2333. str_function = "show_task_detail_info_win_modal";
  2334. }
  2335. else if (str_status == TaskStatus.XEXPORTED)
  2336. {
  2337. view_status_str = "模型导出成功";
  2338. str_function = "show_task_detail_info_win_modal";
  2339. }
  2340. else if (str_status == TaskStatus.XTRAINEXIT)
  2341. {
  2342. view_status_str = "任务中止";
  2343. str_function = "show_task_detail_info_win_modal";
  2344. }
  2345. else if (str_status == TaskStatus.XDOWNLOADFAIL)
  2346. {
  2347. view_status_str = "预训练模型下载失败";
  2348. str_function = "show_task_detail_info_win_modal";
  2349. }
  2350. else if (str_status == TaskStatus.XTRAINFAIL)
  2351. {
  2352. view_status_str = "任务运行失败";
  2353. str_function = "show_task_detail_info_win_modal";
  2354. }
  2355. else if (str_status == TaskStatus.XEVALUATING)
  2356. {
  2357. view_status_str = "任务评估中";
  2358. str_function = "show_evaluate_export_win_modal";
  2359. }
  2360. else if (str_status == TaskStatus.XEVALUATEFAIL)
  2361. {
  2362. view_status_str = "评估失败";
  2363. str_function = "show_evaluate_export_win_modal";
  2364. }
  2365. else if (str_status == TaskStatus.XEXPORTFAIL)
  2366. {
  2367. view_status_str = "模型导出失败";
  2368. str_function = "show_evaluate_export_win_modal";
  2369. }
  2370. else if (str_status == TaskStatus.XPRUNEING)
  2371. {
  2372. view_status_str = "裁剪分析中";
  2373. //str_function = "show_task_detail_info_win_modal";
  2374. }
  2375. else if (str_status == TaskStatus.XPRUNETRAIN)
  2376. {
  2377. view_status_str = "裁剪训练中";
  2378. //str_function = "show_task_detail_info_win_modal";
  2379. }
  2380. var newTd0=newTr.insertCell();
  2381. var str_html = "";
  2382. str_html = "<div id=\"draw-border\" style=\"word-wrap: break-word;\"><view_item id=\"" + str_id + "\" onclick=\"javascript:" + str_function + "(this);\" oncontextmenu=\"javascript:show_task_popupmenu(this);\">";
  2383. //str_html = str_html + "<div class=\"hide_del_button\" onclick=\"delete_task();\" id=\"" + str_id + "\">删除</div>";
  2384. str_html = str_html + "任务ID:" + str_id + "<br>";
  2385. if(str_type == "classification")
  2386. str_type_view = "<font color=\"green\">图像分类</font>";
  2387. else if(str_type == "detection")
  2388. str_type_view = "<font color=\"purple\">目标检测</font>";
  2389. else if(str_type == "instance_segmentation")
  2390. str_type_view = "<font color=\"orange\">实例分割</font>";
  2391. else if(str_type == "segmentation")
  2392. str_type_view = "<font color=\"red\">语义分割</font>";
  2393. //如果需要获取对象信息,可以在此增加hidden的input
  2394. str_html = str_html + "任务类型:" + str_type_view + "<br>" + "<input type=\"hidden\" id=\"view_task_prj_type_" + str_id + "\" value=\"" + str_type + "\">";
  2395. str_html = str_html + "所属项目:" + str_pid + "<br><br>" + "<input type=\"hidden\" id=\"view_task_pid_" + str_id + "\" value=\"" + str_pid + "\">";
  2396. str_html = str_html + "创建时间:" + str_crttime + "<br>";
  2397. str_html = str_html + "任务状态:" + view_status_str + "<br>";
  2398. str_html = str_html + "</view_item></div>";
  2399. newTd0.innerHTML = str_html;
  2400. if(col_count == 5)
  2401. {
  2402. rows = table_contents.rows.length;
  2403. newTr=table_contents.insertRow(rows);
  2404. col_count = 1;
  2405. }
  2406. else
  2407. {
  2408. col_count = col_count + 1;
  2409. }
  2410. }
  2411. }
  2412. else if(type == "models")
  2413. {
  2414. document.getElementById("btn_refresh").value = "刷新模型信息";
  2415. document.getElementById("table_create_new").style.display = "none";
  2416. rows = table_contents.rows.length;
  2417. for (i=0;i<rows;i++)
  2418. {
  2419. table_contents.deleteRow(i);
  2420. rows=rows-1;
  2421. i=i-1;
  2422. }
  2423. rows = table_contents.rows.length;
  2424. var newTr=table_contents.insertRow(rows);
  2425. var str_json = eval('(' + list_contents + ')');
  2426. var obj_models = str_json["exported_models"];
  2427. count_models = Object.keys(obj_models).length;
  2428. col_count = 1;
  2429. //模型为空
  2430. if(count_models <= 0)
  2431. {
  2432. var newTd0=newTr.insertCell();
  2433. var str_html = "<div id=\"draw-border\"><view_item id=\"btn_create\" onclick=\"javascript:void(this)\" style=\"width: 350px; height: 90px; align: center\">"
  2434. str_html = str_html + "<br><font color=\"blue\">暂无模型,请先启动任务训练并导出模型</font>";
  2435. str_html = str_html + "</view_item></div>";
  2436. newTd0.innerHTML = str_html;
  2437. return;
  2438. }
  2439. obj_models.sort(sort_compare('id'));
  2440. for(var p in obj_models)
  2441. {
  2442. str_id = obj_models[p].id;
  2443. var str_model_name = obj_models[p].name;
  2444. var str_model_view_type = "图像分类";
  2445. var str_model_path = obj_models[p].path;
  2446. var str_model = obj_models[p].model;
  2447. var str_model_crttime = obj_models[p].create_time;
  2448. var str_model_type = obj_models[p].type;
  2449. var str_model_pid = obj_models[p].pid;
  2450. var str_model_tid = obj_models[p].tid;
  2451. var newTd0=newTr.insertCell();
  2452. var str_html = "";
  2453. if(str_model_type == "classification")
  2454. str_model_view_type = "<font color=\"green\">图像分类</font>";
  2455. else if(str_model_type == "detection")
  2456. str_model_view_type = "<font color=\"purple\">目标检测</font>";
  2457. else if(str_model_type == "instance_segmentation")
  2458. str_model_view_type = "<font color=\"orange\">实例分割</font>";
  2459. else if(str_model_type == "segmentation")
  2460. str_model_view_type = "<font color=\"red\">语义分割</font>";
  2461. var str_function = "show_model_test_predict_win_modal";
  2462. str_html = "<div id=\"draw-border\" style=\"word-wrap: break-word;\"><view_item id=\"" + str_id + "\" style=\"width: 750px;height: 170px;\" onclick=\"javascript:" + str_function + "(this);\" oncontextmenu=\"javascript:show_models_popupmenu(this);\">";
  2463. //str_html = str_html + "<div class=\"hide_del_button\" onclick=\"delete_model()\" id=\"" + str_id + "\">删除</div>";
  2464. str_html = str_html + "模型名称:" + str_model_name + " (" + str_id + ")" + "<br>" + "<input type=\"hidden\" id=\"view_model_detail_name_" + str_id + "\" value=\"" + str_model_name + "\">";
  2465. str_html = str_html + "模型类型:" + str_model_view_type + "<br>" + "<input type=\"hidden\" id=\"view_model_detail_type_" + str_id + "\" value=\"" + str_model_type + "\">";
  2466. str_html = str_html + "网络结构:" + str_model + "<br>" + "<input type=\"hidden\" id=\"view_model_detail_net_" + str_id + "\" value=\"" + str_model + "\">" ;
  2467. str_html = str_html + "所属项目及任务:" + str_model_pid + "-" + str_model_tid + "<br>" + "<input type=\"hidden\" id=\"view_model_detail_tid_" + str_id + "\" value=\"" + str_model_tid + "\">";
  2468. //如果需要获取对象信息,可以在此增加hidden的input
  2469. str_html = str_html + "模型路径: <font size=\"1\">" + str_model_path + "</font><br>" + "<input type=\"hidden\" id=\"view_model_detail_path_" + str_id + "\" value=\"" + str_model_path + "\">" ;
  2470. str_html = str_html + "导出时间:" + str_model_crttime + "<br>" + "<input type=\"hidden\" id=\"view_model_detail_pid_" + str_id + "\" value=\"" + str_model_pid + "\">";
  2471. str_html = str_html + "</view_item></div>";
  2472. newTd0.innerHTML = str_html;
  2473. if(col_count == 2)
  2474. {
  2475. rows = table_contents.rows.length;
  2476. newTr=table_contents.insertRow(rows);
  2477. col_count = 1;
  2478. }
  2479. else
  2480. {
  2481. col_count = col_count + 1;
  2482. }
  2483. }
  2484. }
  2485. }
  2486. //错误信息提示
  2487. function fill_table_with_error()
  2488. {
  2489. rows = table_contents.rows.length;
  2490. for (i=0;i<rows;i++)
  2491. {
  2492. table_contents.deleteRow(i);
  2493. rows=rows-1;
  2494. i=i-1;
  2495. }
  2496. rows = table_contents.rows.length;
  2497. var newTr=table_contents.insertRow(rows);
  2498. var newTd0=newTr.insertCell();
  2499. var str_html = "<div id=\"draw-border\"><view_item id=\"btn_create\" onclick=\"show_server_info(this)\" style=\"width: 330px; height: 90px; align: center\">"
  2500. str_html = str_html + "<br><font color=\"red\">连接服务器失败,点击设置服务器信息</font>";
  2501. str_html = str_html + "</view_item></div>";
  2502. newTd0.innerHTML = str_html;
  2503. }
  2504. //显示创建任务弹出窗口
  2505. function show_create_task_win_modal(obj)
  2506. {
  2507. var obj_project_id = document.getElementById('popup_menu_project_id');
  2508. var str_project_id = "";
  2509. //清除原来保存的id
  2510. document.getElementById('create_task_hidden_task_id').value = "";
  2511. if(obj_project_id.value != "")
  2512. {
  2513. var input_create_task_prj_id = document.getElementById('create_task_project_id');
  2514. input_create_task_prj_id.value = obj_project_id.value;
  2515. str_project_id = obj_project_id.value;
  2516. }
  2517. else
  2518. {
  2519. var input_create_task_prj_id = document.getElementById('create_task_project_id');
  2520. input_create_task_prj_id.value = g_view_project_task_id;
  2521. str_project_id = g_view_project_task_id;
  2522. }
  2523. //创建任务时项目类型
  2524. var str_task_type = "";
  2525. try
  2526. {
  2527. str_task_type = document.getElementById("view_project_type_" + str_project_id).value;
  2528. }
  2529. catch(err)
  2530. {
  2531. str_task_type = g_view_project_task_type;
  2532. }
  2533. //取出默认参数
  2534. var http_request = new XMLHttpRequest();
  2535. http_request.open("GET", str_srv_url + "/project/task/params?pid=" + str_project_id, false);
  2536. http_request.send(null);
  2537. //填充参数到表格
  2538. add_parms_to_table(http_request.responseText, str_task_type);
  2539. //按纽
  2540. var obj_btn = document.getElementById('btn_create_task');
  2541. obj_btn.value = "创建并启动训练";
  2542. var on_win_create_task = document.getElementById('input_win_create_task');
  2543. var over_win_create_task = document.getElementById('input_win_create_task_over');
  2544. on_win_create_task.style.display = "block";
  2545. over_win_create_task.style.display = "block";
  2546. }
  2547. //隐藏创建任务弹出窗口
  2548. function hide_create_task_win_modal(obj)
  2549. {
  2550. var on_win_create_task = document.getElementById('input_win_create_task');
  2551. var over_win_create_task = document.getElementById('input_win_create_task_over');
  2552. var input_create_task_prj_id = document.getElementById('create_task_project_id');
  2553. //清除原来保存的id
  2554. document.getElementById('create_task_hidden_task_id').value = "";
  2555. on_win_create_task.style.display = "none";
  2556. over_win_create_task.style.display = "none";
  2557. input_create_task_prj_id.value = "";
  2558. }
  2559. //显示任务初始化参数及启动训练弹窗
  2560. function show_init_task_win_modal(obj)
  2561. {
  2562. var str_view_task_id = obj.id;
  2563. var str_obj_task_prj_key = "view_task_pid_" + obj.id;
  2564. var obj_project_id = document.getElementById(str_obj_task_prj_key);
  2565. var str_project_id = obj_project_id.value;
  2566. //任务类型
  2567. var str_task_type = document.getElementById("view_task_prj_type_" + str_view_task_id).value;
  2568. //取出默认参数
  2569. var http_request = new XMLHttpRequest();
  2570. http_request.open("GET", str_srv_url + "/project/task/params?tid=" + str_view_task_id, false);
  2571. http_request.send(null);
  2572. //填充参数到表格
  2573. add_parms_to_table(http_request.responseText, str_task_type);
  2574. //tid赋值成obj.id
  2575. var obj_init_task_input = document.getElementById('create_task_hidden_task_id');
  2576. obj_init_task_input.value = obj.id;
  2577. var obj_btn = document.getElementById('btn_create_task');
  2578. obj_btn.value = "启动训练";
  2579. var on_win_create_task = document.getElementById('input_win_create_task');
  2580. var over_win_create_task = document.getElementById('input_win_create_task_over');
  2581. on_win_create_task.style.display = "block";
  2582. over_win_create_task.style.display = "block";
  2583. }
  2584. //增加所有参数到表格
  2585. function add_parms_to_table(str_parms, str_type = "classification")
  2586. {
  2587. var obj_json = eval('(' + str_parms + ')');
  2588. var obj_parms = obj_json["train"];
  2589. g_train_task_parms = obj_parms;
  2590. var rows = table_create_task.rows.length;
  2591. for (i=0;i<rows;i++)
  2592. {
  2593. table_create_task.deleteRow(i);
  2594. rows=rows-1;
  2595. i=i-1;
  2596. }
  2597. //根据模型类型增加参数
  2598. var tr_bg_color_gen = "#D4FB79";
  2599. var tr_bg_color_adv = "#FFFC79";
  2600. var tr_bg_color_aug = "#76D6FF";
  2601. var rows = table_create_task.rows.length;
  2602. var newTr = table_create_task.insertRow(rows);
  2603. newTr.className = "parent_parm_row";
  2604. newTr.id = "general_parm_row";
  2605. newTr.onclick=function()
  2606. {
  2607. for (i=0; i < table_create_task.rows.length; i++)
  2608. {
  2609. var obj_tr = table_create_task.rows[i];
  2610. if(obj_tr.className == "child_" + this.id)
  2611. {
  2612. if(obj_tr.style.display == "none")
  2613. obj_tr.style.display = "table-row";
  2614. else
  2615. obj_tr.style.display = "none";
  2616. }
  2617. }
  2618. }
  2619. newTr.style.cursor="pointer";
  2620. newTr.style.backgroundColor = tr_bg_color_gen;
  2621. var newTd0=newTr.insertCell();
  2622. newTd0.colSpan="2";
  2623. newTd0.innerText="通用参数";
  2624. //通用参数
  2625. add_one_task_parm_to_table("model", "模型选择", g_train_task_parms["model"], newTr.id, "selection",str_type);
  2626. //骨干网络
  2627. if (g_train_task_parms.hasOwnProperty("backbone"))
  2628. {
  2629. add_one_task_parm_to_table("backbone", "骨干网络", g_train_task_parms["backbone"], newTr.id, "selection",str_type);
  2630. }
  2631. else
  2632. {
  2633. add_one_task_parm_to_table("backbone", "骨干网络", "", newTr.id, "selection",str_type);
  2634. }
  2635. add_one_task_parm_to_table("pretrain_weights", "预训练模型", g_train_task_parms["pretrain_weights"], newTr.id, "selection");
  2636. add_one_task_parm_to_table("image_shape", "图像大小", g_train_task_parms["image_shape"], newTr.id);
  2637. add_one_task_parm_to_table("num_epochs", "迭代轮数", g_train_task_parms["num_epochs"], newTr.id);
  2638. add_one_task_parm_to_table("learning_rate", "学习率", g_train_task_parms["learning_rate"], newTr.id);
  2639. add_one_task_parm_to_table("batch_size", "批大小", g_train_task_parms["batch_size"], newTr.id);
  2640. //获取系统信息用于GPU信息选择
  2641. var str_sys_info = get_server_system_info();
  2642. var obj_json = eval('(' + str_sys_info + ')');
  2643. var int_gpu_count = parseInt(obj_json["info"]["gpu_num"]);
  2644. var int_cpu_count = parseInt(obj_json["info"]["cpu_num"]);
  2645. var str_sys_platform = obj_json["info"]["sysstr"];
  2646. if(int_gpu_count > 0)
  2647. {
  2648. add_one_task_parm_to_table("use_gpu", "是否使用GPU", "yes", newTr.id, "enable");
  2649. if(str_sys_platform.toLowerCase() == "linux");
  2650. {
  2651. var str_gpu_card_num = "0";
  2652. for (i=1; i < int_gpu_count; i++)
  2653. {
  2654. str_gpu_card_num = str_gpu_card_num + "," + i;
  2655. }
  2656. if (g_train_task_parms.hasOwnProperty("cuda_visible_devices") && g_train_task_parms["cuda_visible_devices"].length > 0)
  2657. {
  2658. str_gpu_card_num = g_train_task_parms["cuda_visible_devices"];
  2659. }
  2660. add_one_task_parm_to_table("cuda_visible_devices", "训练使用GPU卡列表", str_gpu_card_num, newTr.id, "text");
  2661. }
  2662. }
  2663. else
  2664. {
  2665. add_one_task_parm_to_table("use_gpu", "是否使用GPU", "否(未检测到GPU)", newTr.id, "label");
  2666. }
  2667. //高级参数
  2668. var rows = table_create_task.rows.length;
  2669. var newTr = table_create_task.insertRow(rows);
  2670. newTr.className = "parent_parm_row";
  2671. newTr.id = "advance_parm_row";
  2672. newTr.onclick=function()
  2673. {
  2674. for (i=0; i < table_create_task.rows.length; i++)
  2675. {
  2676. var obj_tr = table_create_task.rows[i];
  2677. if(obj_tr.className == "child_" + this.id)
  2678. {
  2679. if(obj_tr.style.display == "none")
  2680. obj_tr.style.display = "table-row";
  2681. else
  2682. obj_tr.style.display = "none";
  2683. }
  2684. }
  2685. }
  2686. newTr.style.cursor="pointer";
  2687. newTr.style.backgroundColor = tr_bg_color_adv;
  2688. var newTd0=newTr.insertCell();
  2689. newTd0.colSpan="2";
  2690. newTd0.innerText="高级参数";
  2691. add_one_task_parm_to_table("save_interval_epochs", "模型保存轮数", g_train_task_parms["save_interval_epochs"], newTr.id);
  2692. add_one_task_parm_to_table("lr_policy", "学习率下降方法", g_train_task_parms["lr_policy"], newTr.id, "selection");
  2693. add_one_task_parm_to_table("lr_decay_epochs", "学习率刷哀减轮数", g_train_task_parms["lr_decay_epochs"], newTr.id);
  2694. add_one_task_parm_to_table("image_mean", "图像均值", g_train_task_parms["image_mean"], newTr.id);
  2695. add_one_task_parm_to_table("image_std", "图像方差", g_train_task_parms["image_std"], newTr.id);
  2696. //数据增强策略
  2697. var rows = table_create_task.rows.length;
  2698. var newTr = table_create_task.insertRow(rows);
  2699. newTr.className = "parent_parm_row";
  2700. newTr.id = "augument_parm_row";
  2701. newTr.onclick=function()
  2702. {
  2703. for (i=0; i < table_create_task.rows.length; i++)
  2704. {
  2705. var obj_tr = table_create_task.rows[i];
  2706. if(obj_tr.className == "child_" + this.id)
  2707. {
  2708. if(obj_tr.style.display == "none")
  2709. obj_tr.style.display = "table-row";
  2710. else
  2711. obj_tr.style.display = "none";
  2712. }
  2713. }
  2714. }
  2715. newTr.style.cursor="pointer";
  2716. newTr.style.backgroundColor = tr_bg_color_aug;
  2717. var newTd0=newTr.insertCell();
  2718. newTd0.colSpan="2";
  2719. newTd0.innerText="数据增强策略";
  2720. add_one_task_parm_to_table("brightness", "随机亮度", g_train_task_parms["brightness"], newTr.id, "switch");
  2721. add_one_task_parm_to_table("contrast", "随机对比度", g_train_task_parms["contrast"], newTr.id, "switch");
  2722. add_one_task_parm_to_table("horizontal_flip", "随机水平翻转", g_train_task_parms["horizontal_flip"], newTr.id, "switch");
  2723. add_one_task_parm_to_table("vertical_flip", "随机垂直翻转", g_train_task_parms["vertical_flip"], newTr.id, "switch");
  2724. add_one_task_parm_to_table("rotate", "随机旋转", g_train_task_parms["rotate"], newTr.id, "switch");
  2725. add_one_task_parm_to_table("saturation", "随机饱和度", g_train_task_parms["saturation"], newTr.id, "switch");
  2726. add_one_task_parm_to_table("hue", "随机色调", g_train_task_parms["hue"], newTr.id, "switch");
  2727. add_one_task_parm_to_table("augument_details", "数据增强详细设置", "点击设置...", newTr.id, "button");
  2728. }
  2729. //增加一个训练参数到表格(text/select/enable/switch)
  2730. function add_one_task_parm_to_table(str_key, str_view, str_value, parent_key = "", parm_type = "text", task_type = "classification")
  2731. {
  2732. var rows = table_create_task.rows.length;
  2733. var bg_color = "background-color:#ffffff;"
  2734. if(rows % 2 == 0)
  2735. {
  2736. bg_color = "background-color:#f2f2f2;"
  2737. }
  2738. var newTr = table_create_task.insertRow(rows);
  2739. if(parent_key != "")
  2740. {
  2741. newTr.className = "child_" + parent_key;
  2742. newTr.id = "task_parms_" + str_key;
  2743. }
  2744. var newTd0=newTr.insertCell();
  2745. var newTd1=newTr.insertCell();
  2746. newTd0.innerHTML = str_view;
  2747. if(parm_type == "text")
  2748. {
  2749. newTd1.innerHTML = "<input id=\"task_detail_parm_" + str_key + "\" value=\"" + str_value + "\"" + "style=\"width:100%;height:20px;Float:left;border:none;outline:none;" + bg_color + "\" type=\"text\"/>";
  2750. }
  2751. else if (parm_type == "label")
  2752. {
  2753. newTd1.innerHTML = "<input id=\"task_detail_parm_" + str_key + "\" value=\"" + str_value + "\"" + "style=\"width:100%;height:20px;Float:left;border:none;outline:none;" + bg_color + "\" type=\"text\" readonly=\"readonly\"/>";
  2754. }
  2755. else if (parm_type == "button")
  2756. {
  2757. var str_function = "void";
  2758. if(str_key == "augument_details")
  2759. {
  2760. str_function = "show_augument_detail_parms";
  2761. }
  2762. newTd1.innerHTML = "<input type=\"button\" onclick=\"" + str_function + "(this)\" id=\"task_detail_parm_" + str_key + "\" value=\"" + str_value + "\"" + "style=\"width:100%;height:20px;Float:left;border:none;outline:none;" + bg_color + "\"/>";
  2763. }
  2764. else if (parm_type == "selection")
  2765. {
  2766. if(str_key == "model")
  2767. {
  2768. //任务类型
  2769. var str_list = Model_List[task_type];
  2770. var str_html = "<select id=\"task_detail_parm_" + str_key + "\" onchange=\"change_model_type(this);\" value=\"" + str_value + "\"" + "style=\"width:100%;height:20px;Float:left;border:none;outline:none;" + bg_color + "\">";
  2771. for(var i=0;i<str_list.length;i++)
  2772. {
  2773. if(str_value == str_list[i])
  2774. str_html = str_html + "<option value=\"" + str_list[i] + "\" selected=\"selected\">" + str_list[i] + "</option>";
  2775. else
  2776. str_html = str_html + "<option value=\"" + str_list[i] + "\">" + str_list[i] + "</option>";
  2777. }
  2778. str_html = str_html + "</select>";
  2779. newTd1.innerHTML = str_html;
  2780. }
  2781. else if (str_key == "backbone")
  2782. {
  2783. //骨干网络
  2784. var lst_backbones = ["NA"];
  2785. if(str_value != "")
  2786. {
  2787. lst_backbones = Backbone_List[document.getElementById('task_detail_parm_model').value];
  2788. }
  2789. var str_html = "<select id=\"task_detail_parm_" + str_key + "\" value=\"" + str_value + "\"" + "style=\"width:100%;height:20px;Float:left;border:none;outline:none;" + bg_color + "\">";
  2790. for(var i=0;i<lst_backbones.length;i++)
  2791. {
  2792. if(str_value == lst_backbones[i])
  2793. str_html = str_html + "<option value=\"" + lst_backbones[i] + "\" selected=\"selected\">" + lst_backbones[i] + "</option>";
  2794. else
  2795. str_html = str_html + "<option value=\"" + lst_backbones[i] + "\">" + lst_backbones[i] + "</option>";
  2796. }
  2797. str_html = str_html + "</select>";
  2798. newTd1.innerHTML = str_html;
  2799. }
  2800. else if (str_key == "pretrain_weights")
  2801. {
  2802. //预训练模型
  2803. var lst_pretrain_weights = get_pretrained_model_list("");
  2804. var str_html = "<select id=\"task_detail_parm_" + str_key + "\" value=\"" + str_value + "\"" + "style=\"width:100%;height:20px;Float:left;border:none;outline:none;" + bg_color + "\">";
  2805. for(var i=0;i<lst_pretrain_weights.length;i++)
  2806. {
  2807. if(str_value == lst_pretrain_weights[i])
  2808. str_html = str_html + "<option value=\"" + lst_pretrain_weights[i] + "\" selected=\"selected\">" + lst_pretrain_weights[i] + "</option>";
  2809. else
  2810. str_html = str_html + "<option value=\"" + lst_pretrain_weights[i] + "\">" + lst_pretrain_weights[i] + "</option>";
  2811. }
  2812. str_html = str_html + "</select>";
  2813. newTd1.innerHTML = str_html;
  2814. }
  2815. else if (str_key == "lr_policy")
  2816. {
  2817. //学习率哀减策略
  2818. var lst_lr_policy = get_lr_decay_list("");
  2819. var str_html = "<select id=\"task_detail_parm_" + str_key + "\" value=\"" + str_value + "\"" + "style=\"width:100%;height:20px;Float:left;border:none;outline:none;" + bg_color + "\">";
  2820. for(var i=0;i<lst_lr_policy.length;i++)
  2821. {
  2822. if(str_value == lst_lr_policy[i])
  2823. str_html = str_html + "<option value=\"" + lst_lr_policy[i] + "\" selected=\"selected\">" + lst_lr_policy[i] + "</option>";
  2824. else
  2825. str_html = str_html + "<option value=\"" + lst_lr_policy[i] + "\">" + lst_lr_policy[i] + "</option>";
  2826. }
  2827. str_html = str_html + "</select>";
  2828. newTd1.innerHTML = str_html;
  2829. }
  2830. }
  2831. else if (parm_type == "enable")
  2832. {
  2833. var str_html = "<select id=\"task_detail_parm_" + str_key + "\" value=\"" + str_value + "\"" + "style=\"width:100%;height:20px;Float:left;border:none;outline:none;" + bg_color + "\">";
  2834. if(str_value == "yes")
  2835. str_html = str_html + "<option value=\"" + "yes" + "\" selected=\"selected\">" + "是" + "</option>";
  2836. else
  2837. str_html = str_html + "<option value=\"" + "yes" + "\">" + "是" + "</option>";
  2838. if(str_value == "no")
  2839. str_html = str_html + "<option value=\"" + "no" + "\" selected=\"selected\">" + "否" + "</option>";
  2840. else
  2841. str_html = str_html + "<option value=\"" + "no" + "\">" + "否" + "</option>";
  2842. str_html = str_html + "</select>";
  2843. newTd1.innerHTML = str_html;
  2844. }
  2845. else if (parm_type == "switch")
  2846. {
  2847. var str_html = "<select id=\"task_detail_parm_" + str_key + "\" value=\"" + str_value + "\"" + "style=\"width:100%;height:20px;Float:left;border:none;outline:none;" + bg_color + "\">";
  2848. if(str_value == "on" || str_value == true)
  2849. str_html = str_html + "<option value=\"" + "on" + "\" selected=\"selected\">" + "开" + "</option>";
  2850. else
  2851. str_html = str_html + "<option value=\"" + "on" + "\">" + "开" + "</option>";
  2852. if(str_value == "off" || str_value == false)
  2853. str_html = str_html + "<option value=\"" + "off" + "\" selected=\"selected\">" + "关" + "</option>";
  2854. else
  2855. str_html = str_html + "<option value=\"" + "off" + "\">" + "关" + "</option>";
  2856. str_html = str_html + "</select>";
  2857. newTd1.innerHTML = str_html;
  2858. }
  2859. }
  2860. //设置数据增强详细信息
  2861. function show_augument_detail_parms(obj)
  2862. {
  2863. load_data_augument_parms();
  2864. document.getElementById('win_data_augmentation_detail').style.display = "block";
  2865. document.getElementById('win_data_augmentation_detail_over').style.display = "block";
  2866. }
  2867. //关闭数据增强窗口
  2868. function hide_augument_detail_parms(obj)
  2869. {
  2870. document.getElementById('win_data_augmentation_detail').style.display = "none";
  2871. document.getElementById('win_data_augmentation_detail_over').style.display = "none";
  2872. }
  2873. //保存数据增强参数
  2874. function save_augument_detail_parms(obj)
  2875. {
  2876. var str_task_id = document.getElementById('create_task_hidden_task_id').value;
  2877. set_data_augument_parms(str_task_id);
  2878. hide_augument_detail_parms(obj);
  2879. }
  2880. //Demo案例下载窗口
  2881. function show_download_demo_win_modal()
  2882. {
  2883. document.getElementById('download_cls_label').disabled = false;
  2884. document.getElementById('download_det_label').disabled = false;
  2885. document.getElementById('download_ins_label').disabled = false;
  2886. document.getElementById('download_seg_label').disabled = false;
  2887. document.getElementById('download_cls_label').checked = false;
  2888. document.getElementById('download_det_label').checked = false;
  2889. document.getElementById('download_ins_label').checked = false;
  2890. document.getElementById('download_seg_label').checked = false;
  2891. document.getElementById('cls_download_status_progress_bar_value').style = "width: 0%;";
  2892. document.getElementById('cls_download_status_progress_bar').innerText = "0%";
  2893. document.getElementById('det_download_status_progress_bar_value').style = "width: 0%;";
  2894. document.getElementById('det_download_status_progress_bar').innerText = "0%";
  2895. document.getElementById('ins_download_status_progress_bar_value').style = "width: 0%;";
  2896. document.getElementById('ins_download_status_progress_bar').innerText = "0%";
  2897. document.getElementById('seg_download_status_progress_bar_value').style = "width: 0%;";
  2898. document.getElementById('seg_download_status_progress_bar').innerText = "0%";
  2899. document.getElementById('btn_download_proc').style.background = "#0000cd";
  2900. document.getElementById('btn_download_proc').value = "开始下载";
  2901. var on_win_download_demo = document.getElementById('demo_download_win');
  2902. var over_win_download_demo = document.getElementById('demo_download_win_over');
  2903. on_win_download_demo.style.display = "block";
  2904. over_win_download_demo.style.display = "block";
  2905. }
  2906. //关闭下载窗口
  2907. function hide_download_demo_win_modal()
  2908. {
  2909. //关闭定时器
  2910. g_instance_download_demo_clock=window.clearInterval(g_instance_download_demo_clock);
  2911. var on_win_download_demo = document.getElementById('demo_download_win');
  2912. var over_win_download_demo = document.getElementById('demo_download_win_over');
  2913. on_win_download_demo.style.display = "none";
  2914. over_win_download_demo.style.display = "none";
  2915. }
  2916. //下载相关操作
  2917. function download_win_btn_proc(obj)
  2918. {
  2919. var str_btn_txt = obj.value;
  2920. if(str_btn_txt == "开始下载" || str_btn_txt == "重新下载")
  2921. {
  2922. if (document.getElementById('download_cls_label').checked == false && document.getElementById('download_det_label').checked == false
  2923. && document.getElementById('download_ins_label').checked == false && document.getElementById('download_seg_label').checked == false)
  2924. {
  2925. alert("请至少选择一个示例项目!");
  2926. return;
  2927. }
  2928. document.getElementById('download_cls_label').disabled = true;
  2929. document.getElementById('download_det_label').disabled = true;
  2930. document.getElementById('download_ins_label').disabled = true;
  2931. document.getElementById('download_seg_label').disabled = true;
  2932. //启动下载任务
  2933. start_download_demo(obj);
  2934. //启动定时器
  2935. g_instance_download_demo_clock = self.setInterval("refresh_download_progress()",2000);
  2936. document.getElementById('btn_download_proc').style.background = "#FF2600";
  2937. document.getElementById('btn_download_proc').value = "停止下载";
  2938. }
  2939. else if(str_btn_txt == "停止下载")
  2940. {
  2941. document.getElementById('download_cls_label').disabled = false;
  2942. document.getElementById('download_det_label').disabled = false;
  2943. document.getElementById('download_ins_label').disabled = false;
  2944. document.getElementById('download_seg_label').disabled = false;
  2945. //停止任务
  2946. stop_download_demo(obj);
  2947. //停止定时器
  2948. g_instance_download_demo_clock=window.clearInterval(g_instance_download_demo_clock);
  2949. document.getElementById('btn_download_proc').style.background = "#0000cd";
  2950. document.getElementById('btn_download_proc').value = "开始下载";
  2951. }
  2952. }
  2953. //下载示例项目
  2954. function start_download_demo(obj)
  2955. {
  2956. //下载项目
  2957. if (document.getElementById('download_cls_label').checked == true)
  2958. {
  2959. download_one_project("classification");
  2960. }
  2961. if (document.getElementById('download_det_label').checked == true)
  2962. {
  2963. download_one_project("detection");
  2964. }
  2965. if (document.getElementById('download_ins_label').checked == true)
  2966. {
  2967. download_one_project("instance_segmentation");
  2968. }
  2969. if (document.getElementById('download_seg_label').checked == true)
  2970. {
  2971. download_one_project("segmentation");
  2972. }
  2973. }
  2974. //下载一个示例工程
  2975. function download_one_project(prj_type = "classification")
  2976. {
  2977. var http_request = new XMLHttpRequest();
  2978. http_request.onreadystatechange=function()
  2979. {
  2980. if (http_request.readyState==4)
  2981. {
  2982. if (http_request.status!=200)
  2983. {
  2984. alert("下载" + prj_type + "示例项目失败,请检查服务器配置!\n" + http_request.responseText);
  2985. }
  2986. }
  2987. }
  2988. var data = {"type":"download","prj_type":prj_type};
  2989. http_request.open("POST", str_srv_url + "/demo", false);
  2990. http_request.setRequestHeader("Content-type","application/json");
  2991. http_request.send(JSON.stringify(data));
  2992. }
  2993. //停止下载demo
  2994. function stop_download_demo(obj)
  2995. {
  2996. if (document.getElementById('download_cls_label').checked == true)
  2997. {
  2998. stop_download_one_project("classification");
  2999. }
  3000. if (document.getElementById('download_det_label').checked == true)
  3001. {
  3002. stop_download_one_project("detection");
  3003. }
  3004. if (document.getElementById('download_ins_label').checked == true)
  3005. {
  3006. stop_download_one_project("instance_segmentation");
  3007. }
  3008. if (document.getElementById('download_seg_label').checked == true)
  3009. {
  3010. stop_download_one_project("segmentation");
  3011. }
  3012. }
  3013. //停止正在下载的项目
  3014. function stop_download_one_project(prj_type = "classification")
  3015. {
  3016. var http_request = new XMLHttpRequest();
  3017. http_request.onreadystatechange=function()
  3018. {
  3019. if (http_request.readyState==4)
  3020. {
  3021. if (http_request.status!=200)
  3022. {
  3023. //alert("停止" + prj_type + "示例项目失败,请检查服务器配置!\n" + http_request.responseText);
  3024. }
  3025. }
  3026. }
  3027. var data = {"prj_type":prj_type};
  3028. http_request.open("PUT", str_srv_url + "/demo", true);
  3029. http_request.setRequestHeader("Content-type","application/json");
  3030. http_request.send(JSON.stringify(data));
  3031. }
  3032. //刷新下载进度
  3033. function refresh_download_progress()
  3034. {
  3035. //获取下载进度,刷新下载任务窗口
  3036. var int_progress = 0;
  3037. var b_finish = true;
  3038. if (document.getElementById('download_cls_label').checked == true)
  3039. {
  3040. var dic_status = get_one_project_download_status("classification");
  3041. int_progress = dic_status.progress;
  3042. //进度条
  3043. var obj_view_cls_download_status_progress_value = document.getElementById('cls_download_status_progress_bar_value');
  3044. obj_view_cls_download_status_progress_value.style = "width: " + int_progress + "%;";
  3045. var obj_view_cls_download_status_progress_bar = document.getElementById('cls_download_status_progress_bar');
  3046. obj_view_cls_download_status_progress_bar.innerText = int_progress + "%";
  3047. if(int_progress < 100)
  3048. {
  3049. b_finish = false;
  3050. }
  3051. }
  3052. if (document.getElementById('download_det_label').checked == true)
  3053. {
  3054. var dic_status = get_one_project_download_status("detection");
  3055. int_progress = dic_status.progress;
  3056. //进度条
  3057. var obj_view_det_download_status_progress_value = document.getElementById('det_download_status_progress_bar_value');
  3058. obj_view_det_download_status_progress_value.style = "width: " + int_progress + "%;";
  3059. var obj_view_det_download_status_progress_bar = document.getElementById('det_download_status_progress_bar');
  3060. obj_view_det_download_status_progress_bar.innerText = int_progress + "%";
  3061. if(int_progress < 100)
  3062. {
  3063. b_finish = false;
  3064. }
  3065. }
  3066. if (document.getElementById('download_ins_label').checked == true)
  3067. {
  3068. var dic_status = get_one_project_download_status("instance_segmentation");
  3069. int_progress = dic_status.progress;
  3070. //进度条
  3071. var obj_view_ins_download_status_progress_value = document.getElementById('ins_download_status_progress_bar_value');
  3072. obj_view_ins_download_status_progress_value.style = "width: " + int_progress + "%;";
  3073. var obj_view_ins_download_status_progress_bar = document.getElementById('ins_download_status_progress_bar');
  3074. obj_view_ins_download_status_progress_bar.innerText = int_progress + "%";
  3075. if(int_progress < 100)
  3076. {
  3077. b_finish = false;
  3078. }
  3079. }
  3080. if (document.getElementById('download_seg_label').checked == true)
  3081. {
  3082. var dic_status = get_one_project_download_status("segmentation");
  3083. int_progress = dic_status.progress;
  3084. //进度条
  3085. var obj_view_seg_download_status_progress_value = document.getElementById('seg_download_status_progress_bar_value');
  3086. obj_view_seg_download_status_progress_value.style = "width: " + int_progress + "%;";
  3087. var obj_view_seg_download_status_progress_bar = document.getElementById('seg_download_status_progress_bar');
  3088. obj_view_seg_download_status_progress_bar.innerText = int_progress + "%";
  3089. if(int_progress < 100)
  3090. {
  3091. b_finish = false;
  3092. }
  3093. }
  3094. if(b_finish == true)
  3095. {
  3096. g_instance_download_demo_clock=window.clearInterval(g_instance_download_demo_clock);
  3097. //创建对应项目
  3098. alert("示例工程下载完成!即将创建对应工程,请稍候...");
  3099. create_demo_project();
  3100. document.getElementById('download_cls_label').disabled = false;
  3101. document.getElementById('download_det_label').disabled = false;
  3102. document.getElementById('download_ins_label').disabled = false;
  3103. document.getElementById('download_seg_label').disabled = false;
  3104. document.getElementById('btn_download_proc').style.background = "#0000cd";
  3105. document.getElementById('btn_download_proc').value = "重新下载";
  3106. alert("示例工程创建完成!");
  3107. load_projects();
  3108. }
  3109. }
  3110. //创建示例项目
  3111. function create_demo_project()
  3112. {
  3113. if (document.getElementById('download_cls_label').checked == true)
  3114. {
  3115. create_one_demo_project("classification");
  3116. }
  3117. if (document.getElementById('download_det_label').checked == true)
  3118. {
  3119. create_one_demo_project("detection");
  3120. }
  3121. if (document.getElementById('download_ins_label').checked == true)
  3122. {
  3123. create_one_demo_project("instance_segmentation");
  3124. }
  3125. if (document.getElementById('download_seg_label').checked == true)
  3126. {
  3127. create_one_demo_project("segmentation");
  3128. }
  3129. }
  3130. //创建一个示例工程
  3131. function create_one_demo_project(prj_type = "classification")
  3132. {
  3133. var http_request = new XMLHttpRequest();
  3134. http_request.onreadystatechange=function()
  3135. {
  3136. if (http_request.readyState==4)
  3137. {
  3138. if (http_request.status!=200)
  3139. {
  3140. alert("创建" + prj_type + "示例项目失败,请检查服务器配置!\n" + http_request.responseText);
  3141. }
  3142. }
  3143. }
  3144. var data = {"type":"load","prj_type":prj_type};
  3145. http_request.open("POST", str_srv_url + "/demo", false);
  3146. http_request.setRequestHeader("Content-type","application/json");
  3147. http_request.send(JSON.stringify(data));
  3148. }
  3149. //获取一个项目的下载进度
  3150. function get_one_project_download_status(prj_type = "classification")
  3151. {
  3152. var http_request = new XMLHttpRequest();
  3153. http_request.open("GET", str_srv_url + "/demo?prj_type=" + prj_type, false);
  3154. http_request.send(null);
  3155. var obj_json = eval('(' + http_request.responseText + ')');
  3156. var str_download_status = obj_json["attr"]["status"];
  3157. var int_progress = 0;
  3158. if(obj_json["attr"]["progress"] != "")
  3159. {
  3160. int_progress = parseInt(obj_json["attr"]["progress"]);;
  3161. }
  3162. if(str_download_status == DownloadStatus.XDDOWNLOADFAIL)
  3163. {
  3164. int_progress = 0;
  3165. }
  3166. else if(str_download_status == DownloadStatus.XDDOWNLOADING)
  3167. {
  3168. if(int_progress > 50)
  3169. {
  3170. int_progress = 50;
  3171. }
  3172. }
  3173. else if(str_download_status == DownloadStatus.XDDOWNLOADDONE)
  3174. {
  3175. int_progress = 50;
  3176. }
  3177. else if(str_download_status == DownloadStatus.XDDECOMPRESSED)
  3178. {
  3179. int_progress = 100;
  3180. }
  3181. return {status:str_download_status, progress:int_progress};
  3182. }
  3183. //设置->下载示例项目
  3184. function download_demo_btn_proc(obj)
  3185. {
  3186. show_download_demo_win_modal();
  3187. hide_server_info(obj);
  3188. }
  3189. //预训练模型列表
  3190. function get_pretrained_model_list(str_model_name)
  3191. {
  3192. var lst_pretrained_model = ["IMAGENET","不使用预训练模型"];
  3193. return lst_pretrained_model;
  3194. }
  3195. //学习率哀减策略列表
  3196. function get_lr_decay_list(str_model_name)
  3197. {
  3198. var lst_lr_decay = ["Linear","Piecewise","Cosine"];
  3199. return lst_lr_decay;
  3200. }
  3201. //创建并启动任务训练
  3202. function create_task()
  3203. {
  3204. var input_create_task_prj_id = document.getElementById('create_task_project_id');
  3205. var str_project_id = input_create_task_prj_id.value;
  3206. var obj_btn = document.getElementById('btn_create_task');
  3207. if(obj_btn.value == "启动训练")
  3208. {
  3209. var str_start_tid = ""
  3210. var obj_init_task_input = document.getElementById('create_task_hidden_task_id');
  3211. str_start_tid = obj_init_task_input.value;
  3212. start_task(str_start_tid);
  3213. if (document.getElementById('btn_refresh').value == "刷新项目任务信息")
  3214. {
  3215. load_project_tasks(g_view_project_task_id);
  3216. }
  3217. else
  3218. {
  3219. load_tasks();
  3220. }
  3221. hide_create_task_win_modal(null);
  3222. }
  3223. else if(obj_btn.value == "创建并启动训练")
  3224. {
  3225. var http_request = new XMLHttpRequest();
  3226. http_request.onreadystatechange=function()
  3227. {
  3228. if (http_request.readyState==4)
  3229. {
  3230. if (http_request.status==200)
  3231. {
  3232. alert("任务创建成功!\n" + http_request.responseText);
  3233. //调用训练接口启动任务训练
  3234. str_json = http_request.responseText;
  3235. var obj_json = eval('(' + str_json + ')');
  3236. var str_new_tid = obj_json["tid"];
  3237. start_task(str_new_tid);
  3238. if (document.getElementById('btn_refresh').value == "刷新项目任务信息")
  3239. {
  3240. load_project_tasks(g_view_project_task_id);
  3241. }
  3242. else
  3243. {
  3244. load_tasks();
  3245. }
  3246. hide_create_task_win_modal(null);
  3247. }
  3248. else
  3249. {
  3250. alert("任务创建失败,请检查服务器配置" + http_request.responseText);
  3251. }
  3252. }
  3253. }
  3254. //获取训练参数
  3255. get_input_task_parm_value("model","text");
  3256. get_input_task_parm_value("backbone","text");
  3257. get_input_task_parm_value("num_epochs","int");
  3258. get_input_task_parm_value("batch_size","int");
  3259. get_input_task_parm_value("learning_rate","float");
  3260. get_input_task_parm_value("save_interval_epochs","int");
  3261. //图像参数
  3262. get_input_task_parm_value("image_shape","list");
  3263. get_input_task_parm_value("image_mean","list");
  3264. get_input_task_parm_value("image_std","list");
  3265. //是否使用GPU
  3266. get_input_task_parm_value("use_gpu","text");
  3267. //数据增强开关
  3268. get_input_task_parm_value("brightness","bool");
  3269. get_input_task_parm_value("contrast","bool");
  3270. get_input_task_parm_value("saturation","bool");
  3271. get_input_task_parm_value("rotate","bool");
  3272. get_input_task_parm_value("hue","bool");
  3273. get_input_task_parm_value("vertical_flip","bool");
  3274. get_input_task_parm_value("horizontal_flip","bool");
  3275. //调用创建接口创建任务
  3276. //alert(JSON.stringify(g_train_task_parms));
  3277. var data = {"pid":str_project_id,"train":JSON.stringify(g_train_task_parms)};
  3278. http_request.open("POST", str_srv_url + "/project/task", true);
  3279. http_request.setRequestHeader("Content-type","application/json");
  3280. http_request.send(JSON.stringify(data));
  3281. }
  3282. }
  3283. //获取表格中模型训练参数
  3284. function get_input_task_parm_value(str_key, str_type="int")
  3285. {
  3286. var str_input_obj_key = "task_detail_parm_" + str_key;
  3287. var obj_task_parm_input = document.getElementById(str_input_obj_key);
  3288. var str_value = obj_task_parm_input.value;
  3289. if(str_type == "int")
  3290. {
  3291. g_train_task_parms[str_key] = parseInt(str_value);
  3292. }
  3293. else if (str_type == "float")
  3294. {
  3295. g_train_task_parms[str_key] = parseFloat(str_value);
  3296. }
  3297. else if (str_type == "list")
  3298. {
  3299. g_train_task_parms[str_key] = str_value.split(',').map(Number);
  3300. }
  3301. else if (str_type == "bool")
  3302. {
  3303. if(str_value == "on")
  3304. {
  3305. g_train_task_parms[str_key] = true;
  3306. }
  3307. else
  3308. {
  3309. g_train_task_parms[str_key] = false;
  3310. }
  3311. }
  3312. else
  3313. {
  3314. if(str_key == "backbone" && str_value == "NA")
  3315. {
  3316. g_train_task_parms[str_key] = "";
  3317. return;
  3318. }
  3319. if(str_key == "use_gpu")
  3320. {
  3321. if(str_value == "yes")
  3322. {
  3323. g_train_task_parms["use_gpu"] = true;
  3324. var str_card_list = document.getElementById('task_detail_parm_cuda_visible_devices').value
  3325. g_train_task_parms["cuda_visible_devices"] = str_card_list;
  3326. //g_train_task_parms["cuda_visible_devices"] = str_card_list.split(',').map(Number);
  3327. return;
  3328. }
  3329. else
  3330. {
  3331. return;
  3332. }
  3333. }
  3334. g_train_task_parms[str_key] = str_value;
  3335. }
  3336. }
  3337. //保存数据增强设置
  3338. function set_data_augument_parms(str_task_id)
  3339. {
  3340. g_train_task_parms["brightness_prob"] = document.getElementById('brightness_prob').value;
  3341. g_train_task_parms["brightness_range"] = document.getElementById('brightness_range').value;
  3342. g_train_task_parms["contrast_prob"] = document.getElementById('contrast_prob').value;
  3343. g_train_task_parms["contrast_range"] = document.getElementById('contrast_range').value;
  3344. g_train_task_parms["saturation_prob"] = document.getElementById('saturation_prob').value;
  3345. g_train_task_parms["saturation_range"] = document.getElementById('saturation_range').value;
  3346. g_train_task_parms["hue_prob"] = document.getElementById('hue_prob').value;
  3347. g_train_task_parms["hue_range"] = document.getElementById('hue_range').value;
  3348. g_train_task_parms["vertical_flip_prob"] = document.getElementById('vertical_flip_prob').value;
  3349. g_train_task_parms["horizontal_flip_prob"] = document.getElementById('horizontal_flip_prob').value;
  3350. g_train_task_parms["rotate_prob"] = document.getElementById('rotate_prob').value;
  3351. g_train_task_parms["rotate_range"] = document.getElementById('rotate_range').value;
  3352. //保存参数
  3353. if(str_task_id.length > 0)
  3354. {
  3355. var http_request = new XMLHttpRequest();
  3356. if (window.XMLHttpRequest)
  3357. {
  3358. http_request=new XMLHttpRequest();
  3359. }
  3360. else
  3361. {
  3362. http_request=new ActiveXObject("Microsoft.XMLHTTP");
  3363. }
  3364. var data = {"tid":str_task_id,"train":JSON.stringify(g_train_task_parms)};
  3365. http_request.open("POST", str_srv_url + "/project/task/params", false);
  3366. http_request.setRequestHeader("Content-type","application/json");
  3367. http_request.send(JSON.stringify(data));
  3368. }
  3369. }
  3370. //加载任务数据增强配置参数信息
  3371. function load_data_augument_parms()
  3372. {
  3373. document.getElementById('brightness_prob').value = g_train_task_parms["brightness_prob"];
  3374. document.getElementById('brightness_range').value = g_train_task_parms["brightness_range"];
  3375. document.getElementById('contrast_prob').value = g_train_task_parms["contrast_prob"];
  3376. document.getElementById('contrast_range').value = g_train_task_parms["contrast_range"];
  3377. document.getElementById('saturation_prob').value = g_train_task_parms["saturation_prob"];
  3378. document.getElementById('saturation_range').value = g_train_task_parms["saturation_range"];
  3379. document.getElementById('hue_prob').value = g_train_task_parms["hue_prob"];
  3380. document.getElementById('hue_range').value = g_train_task_parms["hue_range"];
  3381. document.getElementById('vertical_flip_prob').value = g_train_task_parms["vertical_flip_prob"];
  3382. document.getElementById('horizontal_flip_prob').value = g_train_task_parms["horizontal_flip_prob"];
  3383. document.getElementById('rotate_prob').value = g_train_task_parms["rotate_prob"];
  3384. document.getElementById('rotate_range').value = g_train_task_parms["rotate_range"];
  3385. }
  3386. //启动训练任务
  3387. function start_task(tid)
  3388. {
  3389. var train_data = {"tid":tid};
  3390. var train_http_request = new XMLHttpRequest();
  3391. train_http_request.open("POST", str_srv_url + "/project/task/train", false);
  3392. train_http_request.setRequestHeader("Content-type","application/json");
  3393. train_http_request.send(JSON.stringify(train_data));
  3394. }
  3395. //查看单个项目下的所有任务
  3396. function view_project_tasks()
  3397. {
  3398. var obj_project_id = document.getElementById('popup_menu_project_id');
  3399. var str_project_id = obj_project_id.value;
  3400. g_view_project_task_id = str_project_id;
  3401. load_project_tasks(str_project_id);
  3402. }
  3403. //删除项目
  3404. function delete_project()
  3405. {
  3406. var obj_project_id = document.getElementById('popup_menu_project_id');
  3407. str_del_project_id = obj_project_id.value;
  3408. var result = confirm("删除项目:" + obj_project_id.value + " ?");
  3409. if(!result)
  3410. {
  3411. return;
  3412. }
  3413. var http_request = new XMLHttpRequest();
  3414. http_request.onreadystatechange=function()
  3415. {
  3416. if (http_request.readyState==4)
  3417. {
  3418. if (http_request.status==200)
  3419. {
  3420. alert("删除项目:" + str_del_project_id + "删除成功!\n" + http_request.responseText);
  3421. load_projects();
  3422. }
  3423. else
  3424. {
  3425. alert("项目" + str_del_project_id + "删除失败,请检查服务器配置" + http_request.responseText);
  3426. }
  3427. }
  3428. }
  3429. var data = {"pid":str_del_project_id};
  3430. http_request.open("DELETE", str_srv_url + "/project", true);
  3431. http_request.setRequestHeader("Content-type","application/json");
  3432. http_request.send(JSON.stringify(data));
  3433. }
  3434. //删除数据集
  3435. function delete_dataset()
  3436. {
  3437. var obj_dataset_id = document.getElementById('popup_menu_dataset_id');
  3438. str_del_dataset_id = obj_dataset_id.value;
  3439. var result = confirm("删除数据集:" + str_del_dataset_id + " ?");
  3440. if(!result)
  3441. {
  3442. return;
  3443. }
  3444. var http_request = new XMLHttpRequest();
  3445. http_request.onreadystatechange=function()
  3446. {
  3447. if (http_request.readyState==4)
  3448. {
  3449. if (http_request.status==200)
  3450. {
  3451. alert("删除数据集:" + str_del_dataset_id + "删除成功!\n" + http_request.responseText);
  3452. load_datasets();
  3453. }
  3454. else
  3455. {
  3456. alert("数据集" + str_del_dataset_id + "删除失败,请检查服务器配置" + http_request.responseText);
  3457. }
  3458. }
  3459. }
  3460. var data = {"did":str_del_dataset_id};
  3461. http_request.open("DELETE", str_srv_url + "/dataset", true);
  3462. http_request.setRequestHeader("Content-type","application/json");
  3463. http_request.send(JSON.stringify(data));
  3464. }
  3465. //中止任务
  3466. function stop_task()
  3467. {
  3468. var input_task_detail_id = document.getElementById('task_detail_id');
  3469. var str_stop_task_id = input_task_detail_id.value;
  3470. var result = confirm("确定终止任务:" + str_stop_task_id + " ?");
  3471. if(!result)
  3472. {
  3473. return;
  3474. }
  3475. var http_request = new XMLHttpRequest();
  3476. http_request.onreadystatechange=function()
  3477. {
  3478. if (http_request.readyState==4)
  3479. {
  3480. if (http_request.status==200)
  3481. {
  3482. alert("任务:" + str_stop_task_id + "中止成功!\n" + http_request.responseText);
  3483. hide_task_detail_info_win_modal();
  3484. if (document.getElementById('btn_refresh').value == "刷新项目任务信息")
  3485. {
  3486. load_project_tasks(g_view_project_task_id);
  3487. }
  3488. else
  3489. {
  3490. load_tasks();
  3491. }
  3492. }
  3493. else
  3494. {
  3495. alert("任务:" + str_stop_task_id + "中止失败,请检查服务器配置" + http_request.responseText);
  3496. }
  3497. }
  3498. }
  3499. var data = {"tid":str_stop_task_id,"act":"stop"};
  3500. http_request.open("PUT", str_srv_url + "/project/task/train", true);
  3501. http_request.setRequestHeader("Content-type","application/json");
  3502. http_request.send(JSON.stringify(data));
  3503. }
  3504. //删除任务
  3505. function delete_task()
  3506. {
  3507. var obj_task_id = document.getElementById('popup_menu_task_id');
  3508. str_del_task_id = obj_task_id.value;
  3509. var result = confirm("删除任务:" + str_del_task_id + " ?");
  3510. if(!result)
  3511. {
  3512. return;
  3513. }
  3514. var http_request = new XMLHttpRequest();
  3515. http_request.onreadystatechange=function()
  3516. {
  3517. if (http_request.readyState==4)
  3518. {
  3519. if (http_request.status==200)
  3520. {
  3521. alert("删除任务:" + str_del_task_id + "删除成功!\n" + http_request.responseText);
  3522. if (document.getElementById('btn_refresh').value == "刷新项目任务信息")
  3523. {
  3524. load_project_tasks(g_view_project_task_id);
  3525. }
  3526. else
  3527. {
  3528. load_tasks();
  3529. }
  3530. }
  3531. else
  3532. {
  3533. alert("任务" + str_del_task_id + "删除失败,请检查服务器配置" + http_request.responseText);
  3534. }
  3535. }
  3536. }
  3537. var data = {"tid":str_del_task_id};
  3538. http_request.open("DELETE", str_srv_url + "/project/task", true);
  3539. http_request.setRequestHeader("Content-type","application/json");
  3540. http_request.send(JSON.stringify(data));
  3541. }
  3542. //任务模型测试
  3543. function test_task_model()
  3544. {
  3545. document.getElementById('model_test_img_src').src = "";
  3546. document.getElementById('test_model_name_text').value = "NA";
  3547. document.getElementById('test_model_type_text').value = "NA";
  3548. document.getElementById('test_model_path_text').value = "NA";
  3549. table_test_model_info.rows[0].style.display = "none";
  3550. table_test_model_info.rows[1].style.display = "none";
  3551. table_test_model_info.rows[2].style.display = "none";
  3552. document.getElementById('win_model_predict_test').style.height = "450px";
  3553. var on_win_model_predict_test = document.getElementById('win_model_predict_test');
  3554. var over_win_model_predict_test = document.getElementById('win_model_predict_test_over');
  3555. on_win_model_predict_test.style.display = "block";
  3556. over_win_model_predict_test.style.display = "block";
  3557. }
  3558. //删除模型
  3559. function delete_model()
  3560. {
  3561. var obj_model_id = document.getElementById('popup_menu_model_id');
  3562. str_del_model_id = obj_model_id.value;
  3563. var result = confirm("删除模型:" + str_del_model_id + " ?");
  3564. if(!result)
  3565. {
  3566. return;
  3567. }
  3568. var http_request = new XMLHttpRequest();
  3569. http_request.onreadystatechange=function()
  3570. {
  3571. if (http_request.readyState==4)
  3572. {
  3573. if (http_request.status==200)
  3574. {
  3575. alert("删除模型:" + str_del_model_id + "删除成功!\n" + http_request.responseText);
  3576. load_models();
  3577. }
  3578. else
  3579. {
  3580. alert("模型" + str_del_model_id + "删除失败,请检查服务器配置" + http_request.responseText);
  3581. }
  3582. }
  3583. }
  3584. var data = {"emid":str_del_model_id, "type":"exported"};
  3585. http_request.open("DELETE", str_srv_url + "/model", true);
  3586. http_request.setRequestHeader("Content-type","application/json");
  3587. http_request.send(JSON.stringify(data));
  3588. }
  3589. //显示模型预测窗口
  3590. function show_model_test_predict_win_modal(obj)
  3591. {
  3592. var str_model_id = obj.id;
  3593. var str_model_type = document.getElementById('view_model_detail_type_' + str_model_id).value;
  3594. //保存模型id
  3595. document.getElementById('predict_test_model_id').value = str_model_id;
  3596. //模型信息显示
  3597. table_test_model_info.rows[0].style.display = "table-row";
  3598. table_test_model_info.rows[1].style.display = "table-row";
  3599. table_test_model_info.rows[2].style.display = "table-row";
  3600. document.getElementById('win_model_predict_test').style.height = "540px";
  3601. var str_model_view_type = Project_Type_Name_Enum[str_model_type];
  3602. document.getElementById('model_test_img_src').src = "";
  3603. document.getElementById('test_model_name_text').value = document.getElementById('view_model_detail_name_' + str_model_id).value + "(" + str_model_id + ")";
  3604. document.getElementById('test_model_type_text').value = str_model_view_type + "-" + document.getElementById('view_model_detail_net_' + str_model_id).value;
  3605. document.getElementById('test_model_path_text').value = document.getElementById('view_model_detail_path_' + str_model_id).value;
  3606. var on_win_model_predict_test = document.getElementById('win_model_predict_test');
  3607. var over_win_model_predict_test = document.getElementById('win_model_predict_test_over');
  3608. on_win_model_predict_test.style.display = "block";
  3609. over_win_model_predict_test.style.display = "block";
  3610. }
  3611. //关闭模型预测窗口
  3612. function hide_model_test_predict_win_modal(obj)
  3613. {
  3614. document.getElementById('test_model_src_img_path_text').value = "";
  3615. document.getElementById('model_test_img_src').src = "";
  3616. document.getElementById('predict_test_model_id').value = "";
  3617. document.getElementById('model_test_img_result').src = "";
  3618. document.getElementById('btn_model_predict_test').value = "预测";
  3619. var on_win_model_predict_test = document.getElementById('win_model_predict_test');
  3620. var over_win_model_predict_test = document.getElementById('win_model_predict_test_over');
  3621. on_win_model_predict_test.style.display = "none";
  3622. over_win_model_predict_test.style.display = "none";
  3623. }
  3624. //加载预测原图像并预览
  3625. function load_predict_file_and_preview(file)
  3626. {
  3627. if (!file.files || !file.files[0])
  3628. {
  3629. return;
  3630. }
  3631. var reader = new FileReader();
  3632. reader.onload = function (evt)
  3633. {
  3634. document.getElementById('model_test_img_result').src = "";
  3635. document.getElementById('model_test_img_src').src = evt.target.result;
  3636. image = evt.target.result;
  3637. }
  3638. reader.readAsDataURL(file.files[0]);
  3639. }
  3640. //模型预测
  3641. function model_predict_test(obj)
  3642. {
  3643. if (document.getElementById('btn_model_predict_test').value == "预测中...")
  3644. {
  3645. alert("预测进行中,请稍候...");
  3646. return;
  3647. }
  3648. var str_img_data = document.getElementById('model_test_img_src').src;
  3649. if(document.getElementById('test_model_name_text').value == "NA" && document.getElementById('test_model_type_text').value == "NA")
  3650. {
  3651. var str_predict_task_id = document.getElementById('evaluate_export_task_id').value;
  3652. }
  3653. else
  3654. {
  3655. var str_predict_model_id = document.getElementById('predict_test_model_id').value;
  3656. var str_predict_task_id = document.getElementById("view_model_detail_tid_" + str_predict_model_id).value;
  3657. }
  3658. var str_src_file_name = document.getElementById('test_model_src_img_path_text').value;
  3659. if(str_img_data == "" || str_src_file_name == "")
  3660. {
  3661. alert("请先选择要测试的图片!");
  3662. return;
  3663. }
  3664. var http_request;
  3665. if (window.XMLHttpRequest)
  3666. {
  3667. http_request=new XMLHttpRequest();
  3668. }
  3669. else
  3670. {
  3671. http_request=new ActiveXObject("Microsoft.XMLHTTP");
  3672. }
  3673. var idx_postfix = str_img_data.indexOf("base64,");
  3674. if(idx_postfix > 0)
  3675. {
  3676. str_img_data = str_img_data.substring(idx_postfix + 7,str_img_data.length);
  3677. }
  3678. var data = {"tid":str_predict_task_id,"image_data":str_img_data};
  3679. http_request.open("POST", str_srv_url + "/project/task/predict", false);
  3680. http_request.setRequestHeader("Content-type","application/json");
  3681. http_request.send(JSON.stringify(data));
  3682. var obj_json = eval('(' + http_request.responseText + ')');
  3683. var str_result_path = obj_json["path"];
  3684. document.getElementById('btn_model_predict_test').value = "预测中...";
  3685. g_predict_wait_times = 0;
  3686. setTimeout(function(){show_predict_result(str_result_path, str_predict_task_id);}, 1000);
  3687. }
  3688. //显示预测结果等待次数
  3689. var g_predict_wait_times = 0;
  3690. //显示预测结果
  3691. function show_predict_result(str_path, str_task_id)
  3692. {
  3693. //获取预测结果
  3694. g_predict_wait_times = g_predict_wait_times + 1;
  3695. var http_request;
  3696. if (window.XMLHttpRequest)
  3697. {
  3698. http_request=new XMLHttpRequest();
  3699. }
  3700. else
  3701. {
  3702. http_request=new ActiveXObject("Microsoft.XMLHTTP");
  3703. }
  3704. http_request.open("GET", str_srv_url + "/project/task/predict?tid=" + str_task_id, false);
  3705. http_request.send(null);
  3706. var obj_json = eval('(' + http_request.responseText + ')');
  3707. var str_predict_status = parseInt(obj_json["predict_status"]);
  3708. if(str_predict_status == PredictStatus.XPREDONE)
  3709. {
  3710. var str_result_content = get_img_file_from_server(str_path);
  3711. var str_b64_type = "data:image/png;base64,";
  3712. document.getElementById('model_test_img_result').src = str_b64_type + str_result_content;
  3713. document.getElementById('btn_model_predict_test').value = "预测";
  3714. alert("预测完成,请查看右图预测结果(双击可放大)。");
  3715. }
  3716. else if(str_predict_status == PredictStatus.XPREFAIL)
  3717. {
  3718. document.getElementById('btn_model_predict_test').value = "预测";
  3719. alert("预测失败,请检测服务器配置:\n" + http_request.responseText);
  3720. }
  3721. else if(str_predict_status == PredictStatus.XPRESTART)
  3722. {
  3723. if(g_predict_wait_times <= 30)
  3724. {
  3725. setTimeout(function(){show_predict_result(str_path, str_task_id);}, 1000);
  3726. }
  3727. }
  3728. else
  3729. {
  3730. if(g_predict_wait_times <= 30)
  3731. {
  3732. setTimeout(function(){show_predict_result(str_path, str_task_id);}, 1000);
  3733. }
  3734. }
  3735. }
  3736. //新建对象
  3737. function create_new(obj)
  3738. {
  3739. var str_btn_lbl = obj.value;
  3740. if(str_btn_lbl == "新建数据集")
  3741. {
  3742. show_create_dataset_win_modal(obj);
  3743. }
  3744. else if(str_btn_lbl == "新建项目")
  3745. {
  3746. show_create_project_win_modal(obj);
  3747. }
  3748. else if(str_btn_lbl == "新建任务")
  3749. {
  3750. show_create_task_win_modal(obj);
  3751. }
  3752. }
  3753. //修改模型下拉列表选项
  3754. function change_model_type(obj)
  3755. {
  3756. var str_model_name = obj.value;
  3757. if (Backbone_List.hasOwnProperty(str_model_name))
  3758. {
  3759. lst_backbones = Backbone_List[str_model_name];
  3760. }
  3761. else
  3762. {
  3763. lst_backbones = ["NA"];
  3764. }
  3765. var obj_sel_backbone = document.getElementById('task_detail_parm_backbone');
  3766. obj_sel_backbone.options.length = 0;
  3767. obj_sel_backbone.value = "NA";
  3768. if(lst_backbones.length > 0)
  3769. {
  3770. for(var p in lst_backbones)
  3771. {
  3772. obj_sel_backbone.options[obj_sel_backbone.options.length] = new Option(lst_backbones[p], lst_backbones[p]);
  3773. }
  3774. }
  3775. obj_sel_backbone[0].selected = true;
  3776. }
  3777. //修改创建项目时下拉列表触发更新下拉数据集列表
  3778. function change_create_project_type(obj)
  3779. {
  3780. str_project_type = obj.value;
  3781. var obj_sel_create_project_dataset_id = document.getElementById('create_project_dataset_id_text');
  3782. obj_sel_create_project_dataset_id.options.length = 0;
  3783. obj_sel_create_project_dataset_id.options[0] = new Option("请选择项目对应数据集", 0);
  3784. for(var p in g_dataset_list)
  3785. {
  3786. str_id = g_dataset_list[p].id;
  3787. str_attr = g_dataset_list[p].attr;
  3788. str_name = str_attr["name"];
  3789. str_desc = str_attr["desc"];
  3790. str_type = str_attr["type"];
  3791. str_status = str_attr["dataset_status"]
  3792. //只有校验通过且切分后的数据集才可以选择
  3793. if(str_status == DatasetStatus.XSPLITED && str_type == str_project_type)
  3794. {
  3795. obj_sel_create_project_dataset_id.options[obj_sel_create_project_dataset_id.options.length] = new Option(str_name, str_id);
  3796. }
  3797. }
  3798. }
  3799. //更新导航栏链接
  3800. function update_nav_bar(str_type = Nav_Bar_Type_Enum["projects"])
  3801. {
  3802. var str_html = "PaddleX :";
  3803. if(str_type == Nav_Bar_Type_Enum["projects"])
  3804. {
  3805. str_html = str_html + "<a href=\"javascript:load_projects()\">" + str_type + "</a>";
  3806. }
  3807. else if(str_type == Nav_Bar_Type_Enum["datasets"])
  3808. {
  3809. str_html = str_html + "<a href=\"javascript:load_datasets()\">" + str_type + "</a>";
  3810. }
  3811. else if(str_type == Nav_Bar_Type_Enum["tasks"])
  3812. {
  3813. str_html = str_html + "<a href=\"javascript:load_tasks()\">" + str_type + "</a>";
  3814. }
  3815. else if(str_type == Nav_Bar_Type_Enum["models"])
  3816. {
  3817. str_html = str_html + "<a href=\"javascript:load_models()\">" + str_type + "</a>";
  3818. }
  3819. else if(str_type == Nav_Bar_Type_Enum["project_tasks"])
  3820. {
  3821. str_html = str_html + "<a href=\"javascript:load_projects()\">" + Nav_Bar_Type_Enum["projects"] + "</a>";
  3822. str_html = str_html + "&nbsp&nbsp>&nbsp&nbsp";
  3823. str_html = str_html + "<a href=\"javascript:load_project_tasks(g_view_project_task_id)\">";
  3824. str_html = str_html + g_view_project_task_name + "</a>";
  3825. }
  3826. table_nav_bar.rows[0].cells[1].innerHTML = str_html;
  3827. }
  3828. //数据集图片预览时前一张及后一张图像
  3829. function img_arrow_click(obj)
  3830. {
  3831. if(obj.style.borderColor == "gray")
  3832. {
  3833. return;
  3834. }
  3835. if(obj.id == "arrow_pre_img")
  3836. {
  3837. get_one_img_file("pre");
  3838. }
  3839. else
  3840. {
  3841. get_one_img_file("next");
  3842. }
  3843. }
  3844. //ESC to close browse img window
  3845. function dispatch_key_press()
  3846. {
  3847. switch(event.keyCode)
  3848. {
  3849. //ESC
  3850. case 27:
  3851. {
  3852. hide_zoom_img(null);
  3853. hide_log_win(null);
  3854. }
  3855. }
  3856. }
  3857. </script>
  3858. </head>
  3859. <body onload="load_projects()" oncontextmenu="self.event.returnValue=false" onkeypress="dispatch_key_press()">
  3860. <!--popupmenu-->
  3861. <div id="popupmenu_project" class="popupmenu_project">
  3862. <input type="hidden" id="popup_menu_project_id">
  3863. <!--<input type="hidden" id="popup_menu_project_type">-->
  3864. <table border="0" width="100%" height="100%" cellspacing="0">
  3865. <tr>
  3866. <td style="cursor:default; border:solid #ccc 1px;" align="center" onclick="delete_project()">删除项目</td>
  3867. </tr>
  3868. </table>
  3869. </div>
  3870. <div id="popupmenu_dataset" class="popupmenu_dataset">
  3871. <input type="hidden" id="popup_menu_dataset_id">
  3872. <table border="0" width="100%" height="100%" cellspacing="0">
  3873. <tr>
  3874. <td style="cursor:default; border:solid #ccc 1px;" align="center" onclick="delete_dataset(this)">删除数据集</td>
  3875. </tr>
  3876. </table>
  3877. </div>
  3878. <div id="popupmenu_task" class="popupmenu_task">
  3879. <input type="hidden" id="popup_menu_task_id">
  3880. <input type="hidden" id="popup_menu_task_status">
  3881. <table border="0" width="100%" height="100%" cellspacing="0">
  3882. <tr>
  3883. <td style="cursor:default; border:solid #ccc 1px;" align="center" onclick="delete_task(this)">删除任务</td>
  3884. </tr>
  3885. </table>
  3886. </div>
  3887. <div id="popupmenu_model" class="popupmenu_model">
  3888. <input type="hidden" id="popup_menu_model_id">
  3889. <table border="0" width="100%" height="100%" cellspacing="0">
  3890. <tr>
  3891. <td style="cursor:default; border:solid #ccc 1px;" align="center" onclick="delete_model(this)">删除模型</td>
  3892. </tr>
  3893. </table>
  3894. </div>
  3895. <!--main menu-->
  3896. <div class='nav'>
  3897. <ul>
  3898. <!--<li><div class="brand"> <a href="https://www.paddlepaddle.org.cn/paddle/paddleX"><img src="logo.png" alt="PaddleX Logo"></a></div></li>
  3899. <li>
  3900. <div class="navbar-btn" style="padding: 0; padding-top: 10px;">
  3901. <button type="button" class="btn-toggle-fullwidth btn-toggle-mx"><img src="img/left.png" height="40px" alt=""></button>
  3902. </div>
  3903. </li>
  3904. -->
  3905. <li><a href='https://www.paddlepaddle.org.cn/paddle/paddleX'>PaddleX主页</a></li>
  3906. <li><a href='#'>数据集管理</a>
  3907. <ul>
  3908. <li onclick="show_create_dataset_win_modal(this)"><a href='#'>创建数据集</a></li>
  3909. <li onclick="load_datasets()"><a href='#'>查看数据集</a></li>
  3910. </ul>
  3911. </li>
  3912. <li><a href='#'>项目管理</a>
  3913. <ul>
  3914. <li onclick="show_create_project_win_modal(this)"><a href='#'>创建项目</a></li>
  3915. <li onclick="load_projects()"><a href='#'>查看项目</a></li>
  3916. </ul>
  3917. </li>
  3918. <li><a href='#'>任务管理</a>
  3919. <ul>
  3920. <li onclick="load_tasks()"><a href='#'>查看所有任务</a></li>
  3921. </ul>
  3922. </li>
  3923. <li><a href='#'>模型管理</a>
  3924. <ul>
  3925. <!--<li><a href='#'>预训练模型</a></li>-->
  3926. <li onclick="load_models()"><a href='#'>已发布模型</a></li>
  3927. </ul>
  3928. </li>
  3929. <li onclick="show_server_info(this)"><a href='#'>服务器信息</a></li>
  3930. <li><a href='https://paddlex.readthedocs.io'>帮助文档</a></li>
  3931. <li onclick="contact_us()"><a href='#'>联系我们</a></li>
  3932. </ul>
  3933. </div>
  3934. <!--nav bar-->
  3935. <table width="100%" height="35px" align="center" cellspacing="1px" id="table_nav_bar" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">
  3936. <tr style="background-color:#EBEBEB">
  3937. <td style="width: 15px;"></td>
  3938. <td align="left">PaddleX:<a href="javascript:load_projects()">全部项目</a></td>
  3939. </tr>
  3940. </table>
  3941. <br>
  3942. <!--nav bar-->
  3943. <div style="text-align:center;clear:both;margin-top:10px">
  3944. <div id="div_demo_title"><h2><font color="#0000cd"> 欢迎使用 PaddleX RestfulAPI</font></h2></div>
  3945. <table width="100%" height="40px" align="center" cellspacing="1px" id="table_create_new">
  3946. <tr>
  3947. <td style="width: 5px;"></td>
  3948. <td>
  3949. <div class="btn" style="width: 120px; height: 38px; float:left; background: #007FFF;">
  3950. <input type="button" id="btn_create_new" style="width: 120px; height: 38px; background: #007FFF; " value="新建项目" onclick="javascript:create_new(this);"/>
  3951. </div>
  3952. </td>
  3953. </tr>
  3954. </table>
  3955. <!--show projects/tasks/datasets/models information-->
  3956. <table width="100%" height="100%" align="center" cellspacing="20px" id="table_contents" style="font-size:18px; border:0px; solid #cad9ea;">
  3957. <tr>
  3958. <td>
  3959. <div id="draw-border">
  3960. <view_item id="btn_set_server" onclick="show_server_info(this)" style="width: 330px; height: 90px; align: center"><br><font color="red">连接服务器失败,点击设置服务器信息</font></view_item>
  3961. </div>
  3962. </td>
  3963. </tr>
  3964. </table>
  3965. <!--All hidden popup windows-->
  3966. <!--服务器配置弹出窗口-->
  3967. <div id="input_win_cfg_server" style="display:none;border:1px solid #cccccc;height:260px;width:50%;position:fixed;top:24%;left:24%;z-index:10;background:white;">
  3968. <!--title-->
  3969. <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
  3970. <br><div style="font-size: 20px;">配置服务器地址</div><br>
  3971. </div>
  3972. <br/>
  3973. <!--input information-->
  3974. <table width="100%" align="center" id="table_server_info">
  3975. <tr>
  3976. <td><br><div style="font-size: 14px;">服务器地址:</div></td>
  3977. <td>
  3978. <br>
  3979. <input type="hidden" id="workspace_id">
  3980. <input id="server_url_text" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
  3981. </td>
  3982. </tr>
  3983. </table>
  3984. <br>
  3985. <!--buttons-->
  3986. <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
  3987. <!--下载示例项目-->
  3988. <div class="btn" id="div_btn_download_demo"><input type="button" id="btn_download_demo" style="background:#008F00;" value="下载示例项目" onclick="download_demo_btn_proc(this);" /></div>
  3989. &nbsp;&nbsp;&nbsp;&nbsp;
  3990. <div class="btn"><input type="button" id="btn_cancel_cfg_srv" style="background:#529EFF;" value="取消" onclick="hide_server_info(this);" /></div>
  3991. &nbsp;&nbsp;&nbsp;&nbsp;
  3992. <div class="btn"><input type="button" id="btn_cfg_srv" value="设置" onclick="set_server_addr(this);" /></div>
  3993. </div>
  3994. </div>
  3995. <div id="input_win_cfg_server_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:fixed;top:0;left:0; z-index:9;background: silver;"></div>
  3996. <!--服务器配置弹出窗口-->
  3997. <!--创建项目弹出窗口-->
  3998. <div id="input_win_create_project" style="display:none;border:1px solid #cccccc;height:420px;width:50%;position:fixed;top:24%;left:24%;z-index:10;background:white;">
  3999. <!--title-->
  4000. <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
  4001. <br><div style="font-size: 20px;">新 建 项 目</div><br>
  4002. </div>
  4003. <br/>
  4004. <!--input informations-->
  4005. <table width="100%" align="center" id="table_create_prj">
  4006. <tr>
  4007. <td><br><div style="font-size: 14px;">项目名称:</div></td>
  4008. <td>
  4009. <br>
  4010. <input type="hidden" id="workspace_id_for_crt_prj">
  4011. <input id="project_name_text" value="新建项目" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
  4012. </td>
  4013. </tr>
  4014. <tr>
  4015. <td><br><div style="font-size: 14px;">项目类型:</div></td>
  4016. <td>
  4017. <br>
  4018. <select id="project_type_text" onchange="change_create_project_type(this);" style="width:89% ;height:30px;Float:left;padding: 4px 8px;margin-left: 4px;">
  4019. <option value="classification">图像分类</option>
  4020. <option value="detection">目标检测</option>
  4021. <option value="instance_segmentation">实例分割</option>
  4022. <option value="segmentation">语义分割</option>
  4023. </select>
  4024. </td>
  4025. </tr>
  4026. <tr>
  4027. <td><br><div style="font-size: 14px;">数据集:</div></td>
  4028. <td>
  4029. <br>
  4030. <select id="create_project_dataset_id_text" style="width:89% ;height:30px;Float:left;padding: 4px 8px;margin-left: 4px;">
  4031. <option value="0">请选择项目对应数据集</option>
  4032. </select>
  4033. </td>
  4034. </tr>
  4035. <tr>
  4036. <td><br><div style="font-size: 14px;">项目描述:</div></td>
  4037. <td>
  4038. <br>
  4039. <input id="project_desc_text" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
  4040. </td>
  4041. </tr>
  4042. </table>
  4043. <br>
  4044. <!--buttons-->
  4045. <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
  4046. <div class="btn"><input type="button" id="btn_cancel_create_prj" style="background:#529EFF;" value="取消" onclick="hide_create_prj_win_modal(this);" /></div>
  4047. &nbsp;&nbsp;&nbsp;&nbsp;
  4048. <div class="btn"><input type="button" id="btn_create_prj" value="创建" onclick="create_project(this);" /></div>
  4049. </div>
  4050. </div>
  4051. <div id="input_win_create_project_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:fixed;top:0;left:0; z-index:9;background: silver;"></div>
  4052. <!--创建项目弹出窗口-->
  4053. <!--创建数据集弹出窗口-->
  4054. <div id="input_win_create_dataset" style="display:none;border:1px solid #cccccc;height:370px;width:50%;position:fixed;top:24%;left:24%;z-index:10;background:white;">
  4055. <!--title-->
  4056. <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
  4057. <br><div style="font-size: 20px;">新 建 数 据 集</div><br>
  4058. </div>
  4059. <br/>
  4060. <!--input informations-->
  4061. <table width="100%" align="center" id="table_create_dataset">
  4062. <tr>
  4063. <td ><br><div style="font-size: 14px;">数据集名称:</div></td>
  4064. <td>
  4065. <br>
  4066. <input id="dataset_name_text" value="新建数据集" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
  4067. </td>
  4068. </tr>
  4069. <tr>
  4070. <td><br><div style="font-size: 14px;">数据集类型:</div></td>
  4071. <td>
  4072. <br>
  4073. <select id="dataset_type_text" style="width:89% ;height:30px;Float:left;padding: 4px 8px;margin-left: 4px;">
  4074. <option value="classification">图像分类</option>
  4075. <option value="detection">目标检测</option>
  4076. <option value="instance_segmentation">实例分割</option>
  4077. <option value="segmentation">语义分割</option>
  4078. </select>
  4079. </td>
  4080. </tr>
  4081. <tr>
  4082. <td><br><div style="font-size: 14px;">数据集描述:</div></td>
  4083. <td>
  4084. <br>
  4085. <input id="dataset_desc_text" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
  4086. </td>
  4087. </tr>
  4088. </table>
  4089. <br>
  4090. <!--buttons-->
  4091. <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
  4092. <div class="btn"><input type="button" id="btn_cancel_create_dataset" style="background:#529EFF;" value="取消" onclick="hide_create_dataset_win_modal(this);" /></div>
  4093. &nbsp;&nbsp;&nbsp;&nbsp;
  4094. <div class="btn"><input type="button" id="btn_create_dataset" value="创建" onclick="create_dataset(this);" /></div>
  4095. </div>
  4096. </div>
  4097. <div id="input_win_create_dataset_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:fixed;top:0;left:0; z-index:9;background: silver;"></div>
  4098. <!--创建项目弹出窗口-->
  4099. <!--数据集导入弹出窗口-->
  4100. <div id="input_win_import_dataset" style="display:none;border:1px solid #cccccc;height:260px;width:50%;position:fixed;top:24%;left:24%;z-index:10;background:white;">
  4101. <!--title-->
  4102. <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
  4103. <br><div style="font-size: 20px;">导入数据集</div><br>
  4104. </div>
  4105. <br/>
  4106. <!--input informations-->
  4107. <table width="100%" align="center" id="table_import_dataset">
  4108. <tr>
  4109. <td width="30%"><br><div style="font-size: 14px;">数据集路径(服务器端):</div></td>
  4110. <td>
  4111. <br>
  4112. <input type="hidden" id="import_dataset_id" value="">
  4113. <input id="import_dataset_path_text" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
  4114. </td>
  4115. </tr>
  4116. </table>
  4117. <br>
  4118. <!--buttons-->
  4119. <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
  4120. <div class="btn"><input type="button" id="btn_cancel_import_dataset" style="background:#529EFF;" value="取消" onclick="hide_import_dataset_win_modal(this);" /></div>
  4121. &nbsp;&nbsp;&nbsp;&nbsp;
  4122. <div class="btn"><input type="button" id="btn_import_dataset" value="导入" onclick="import_dataset(this);" /></div>
  4123. </div>
  4124. </div>
  4125. <div id="input_win_import_dataset_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:fixed;top:0;left:0; z-index:9;background: silver;"></div>
  4126. <!--数据集导入弹出窗口-->
  4127. <!--数据集切分弹出窗口-->
  4128. <div id="input_win_split_dataset" style="display:none;border:1px solid #cccccc;height:370px;width:50%;position:fixed;top:24%;left:24%;z-index:15;background:white;">
  4129. <!--title-->
  4130. <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
  4131. <br><div style="font-size: 20px;">切分数据集</div><br>
  4132. </div>
  4133. <br/>
  4134. <!--input informations-->
  4135. <table width="100%" align="center" id="table_split_dataset">
  4136. <tr>
  4137. <td><br><div style="font-size: 14px;">训练集(%):</div></td>
  4138. <td>
  4139. <br>
  4140. <input type="hidden" id="split_dataset_id" value="">
  4141. <input id="split_dataset_train_percent" value="70" oninput="value=value.replace(/(^\.|[^\d\.])/g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.').replace(/^\d{3,}.*/,'100')" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
  4142. </td>
  4143. </tr>
  4144. <tr>
  4145. <td><br><div style="font-size: 14px;">验证集(%):</div></td>
  4146. <td>
  4147. <br>
  4148. <input id="split_dataset_val_percent" value="20" oninput="value=value.replace(/(^\.|[^\d\.])/g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.').replace(/^\d{3,}.*/,'100')" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
  4149. </td>
  4150. </tr>
  4151. <tr>
  4152. <td><br><div style="font-size: 14px;">测试集(%):</div></td>
  4153. <td>
  4154. <br>
  4155. <input id="split_dataset_test_percent" value="10" oninput="value=value.replace(/(^\.|[^\d\.])/g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.').replace(/^\d{3,}.*/,'100')" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
  4156. </td>
  4157. </tr>
  4158. </table>
  4159. <br>
  4160. <!--buttons-->
  4161. <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
  4162. <div class="btn"><input type="button" id="btn_cancel_split_dataset" style="background:#529EFF;" value="取消" onclick="hide_split_dataset_win_modal(this);" /></div>
  4163. &nbsp;&nbsp;&nbsp;&nbsp;
  4164. <div class="btn"><input type="button" id="btn_split_dataset" value="切分" onclick="split_dataset(this);" /></div>
  4165. </div>
  4166. </div>
  4167. <div id="input_win_split_dataset_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:fixed;top:0;left:0; z-index:9;background: silver;"></div>
  4168. <!--数据集导入弹出窗口-->
  4169. <!--创建任务弹出窗口-->
  4170. <div id="input_win_create_task" style="display:none;border:1px solid #cccccc;height:400px;width:50%;position:fixed;top:24%;left:24%;z-index:15;background:white;">
  4171. <!--title-->
  4172. <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
  4173. <br><div style="font-size: 20px;">任务详细信息</div><br>
  4174. <input type="hidden" id="create_task_project_id" value="">
  4175. <input type="hidden" id="create_task_project_type" value="">
  4176. <input type="hidden" id="create_task_hidden_task_id" value="">
  4177. </div>
  4178. <!--input informations-->
  4179. <div class="scroll-content">
  4180. <div class="table-parms-head">
  4181. <table width="100%" align="center" id="table_create_task_head">
  4182. <colgroup><col style="font-size: 14px;"/><col/></colgroup>
  4183. <thead><tr><th>参数名</th><th>参数值</th></tr></thead>
  4184. </table>
  4185. </div>
  4186. <div class="table-parms-body">
  4187. <table width="100%" align="center" id="table_create_task">
  4188. <colgroup><col style="font-size: 14px;" /><col /></colgroup>
  4189. <tbody>
  4190. <tr><td>key</td><td>value</td></tr>
  4191. </tbody>
  4192. </table>
  4193. </div>
  4194. </div>
  4195. <br>
  4196. <!--buttons-->
  4197. <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
  4198. <div class="btn"><input type="button" id="btn_cancel_create_task" style="background:#529EFF;" value="取消" onclick="hide_create_task_win_modal(this);" /></div>
  4199. &nbsp;&nbsp;&nbsp;&nbsp;
  4200. <div class="btn"><input type="button" id="btn_create_task" value="创建并启动训练" onclick="create_task();" /></div>
  4201. </div>
  4202. </div>
  4203. <div id="input_win_create_task_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:fixed;top:0;left:0; z-index:14;background: silver;"></div>
  4204. <!--创建任务弹出窗口-->
  4205. <!--任务状态窗口-->
  4206. <div id="task_detail_info" style="display:none;border:1px solid #cccccc;height:420px;width:50%;position:fixed;top:24%;left:24%;z-index:10;background:white;">
  4207. <!--title-->
  4208. <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
  4209. <br><div style="font-size: 20px;">查看任务状态</div><br>
  4210. </div>
  4211. <br/>
  4212. <!--input informations-->
  4213. <table width="100%" align="center" id="table_task_detail_info">
  4214. <tr>
  4215. <td width="25%"><div style="font-size: 14px;">任务状态:</div></td>
  4216. <td>
  4217. <input type="hidden" id="task_detail_id">
  4218. <input id="task_detail_status_text" style="width:95% ;height:20px;Float:left;padding: 4px 8px; margin-left: 4px; border: none; outline: none;" type="text" readonly="readonly"/>
  4219. </td>
  4220. <td>&nbsp&nbsp</td>
  4221. </tr>
  4222. <tr>
  4223. <td width="25%"><div style="font-size: 14px;">训练进度:</div></td>
  4224. <td>
  4225. <div class="progress"> <span id="task_detail_status_progress_bar_value" class="green" style="width: 0%;"><span id="task_detail_status_progress_bar">0%</span></span></div>
  4226. </td>
  4227. <td>&nbsp&nbsp</td>
  4228. </tr>
  4229. <tr>
  4230. <td width="25%"><div style="font-size: 14px;">运行时间:</div></td>
  4231. <td>
  4232. <input id="task_detail_running_duration_text" style="width:95% ;height:20px;Float:left;padding: 4px 8px; margin-left: 4px; border: none; outline: none;" type="text" readonly="readonly"/>
  4233. </td>
  4234. <td>&nbsp&nbsp</td>
  4235. </tr>
  4236. <tr>
  4237. <td width="25%"><div style="font-size: 14px;">VDL可视化数据:</div></td>
  4238. <td>
  4239. <input id="task_detail_vdl_text" value="点击查看" onclick="open_task_vdl_window(this);" style="color: #0000cd; width:95% ;height:20px;Float:left;padding: 4px 8px; margin-left: 4px; border: none; outline: none;" type="text" readonly="readonly"/>
  4240. </td>
  4241. <td>&nbsp&nbsp</td>
  4242. </tr>
  4243. <tr>
  4244. <td width="25%"><div style="font-size: 14px;">任务信息:</div></td>
  4245. <td>
  4246. <textarea id="task_detail_log_text" style="width:95% ;height:100px; resize:none" readonly="readonly"></textarea>
  4247. </td>
  4248. <td>&nbsp&nbsp</td>
  4249. </tr>
  4250. </table>
  4251. <!--buttons-->
  4252. <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
  4253. <!--停止任务,当任务运行中可点击-->
  4254. <div class="btn" id="div_btn_stop_task" style="visibility:hidden;"><input type="button" id="btn_stop_task_info" style="background:#FF2600;" value="中止训练" onclick="stop_task();" /></div>
  4255. &nbsp;&nbsp;&nbsp;&nbsp;
  4256. <div class="btn"><input type="button" id="btn_cancel_task_info" style="background:#529EFF;" value="取消" onclick="hide_task_detail_info_win_modal();" /></div>
  4257. &nbsp;&nbsp;&nbsp;&nbsp;
  4258. <div class="btn"><input type="button" id="btn_next_task_info" value="关闭" onclick="task_next_step_process(this);" /></div>
  4259. </div>
  4260. </div>
  4261. <div id="task_detail_info_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:fixed;top:0;left:0;z-index:9;background: silver;"></div>
  4262. <!--任务状态窗口-->
  4263. <!--评估&导出模型窗口-->
  4264. <div id="input_win_evaluate_export_model" style="display:none;border:1px solid #cccccc;height:260px;width:50%;position:fixed;top:24%;left:24%;z-index:10;background:white;">
  4265. <!--title-->
  4266. <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
  4267. <br><div style="font-size: 20px;">模型评估&导出</div><br>
  4268. </div>
  4269. <br/>
  4270. <!--input informations-->
  4271. <table width="100%" align="center" id="table_evaluate_export_model">
  4272. <tr>
  4273. <td width="20%"><br><div style="font-size: 14px;">导出路径:</div></td>
  4274. <td>
  4275. <br>
  4276. <input type="hidden" id="evaluate_export_task_id" value="">
  4277. <input type="hidden" id="evaluate_export_task_project_id" value="">
  4278. <input id="export_model_path_text" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
  4279. </td>
  4280. </tr>
  4281. </table>
  4282. <br>
  4283. <!--buttons-->
  4284. <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
  4285. <!--评估任务-->
  4286. <div class="btn"><input type="button" id="btn_cancel_evaluate_export" style="background:#529EFF;" value="取消" onclick="hide_evaluate_export_win_modal(this);" /></div>
  4287. &nbsp;&nbsp;&nbsp;&nbsp;
  4288. <div class="btn" id="div_btn_test_task_model"><input type="button" id="btn_test_task_model" style="background:#942193;" value="模型测试" onclick="test_task_model(this);" /></div>
  4289. &nbsp;&nbsp;&nbsp;&nbsp;
  4290. <div class="btn" id="div_btn_evaluate_task"><input type="button" id="btn_evaluate_task_info" style="background:#008F00;" value="启动评估" onclick="evaluate_task(this);" /></div>
  4291. &nbsp;&nbsp;&nbsp;&nbsp;
  4292. <div class="btn"><input type="button" id="btn_close_evaluate_export" value="导出" onclick="export_model(this);" /></div>
  4293. </div>
  4294. </div>
  4295. <div id="input_win_evaluate_export_model_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:fixed;top:0;left:0; z-index:9;background: silver;"></div>
  4296. <!--评估&导出模型窗口-->
  4297. <!--浏览数据集弹出窗口-->
  4298. <div id="win_browse_dataset" style="display:none;border:1px solid #cccccc;height:520px;width:60%;position:fixed;top:16%;left:20%;z-index:10;background:white;">
  4299. <!--title-->
  4300. <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
  4301. <br><div style="font-size: 20px;">浏 览 数 据 集</div><br>
  4302. </div>
  4303. <br/>
  4304. <!--show dataset informations-->
  4305. <table width="100%" align="center" id="table_create_dataset">
  4306. <tr>
  4307. <td><div style="font-size: 14px;">数据集名称:</div></td>
  4308. <td>
  4309. <input type="hidden" id="browse_dataset_id" value="">
  4310. <input id="browse_dataset_name_text" value="" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" readonly="readonly"/>
  4311. </td>
  4312. <td><div style="font-size: 14px;">数据集类型:</div></td>
  4313. <td>
  4314. <input id="browse_dataset_type_text" value="" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" readonly="readonly"/>
  4315. </td>
  4316. </tr>
  4317. <tr>
  4318. <td><div style="font-size: 14px;">数据集描述:</div></td>
  4319. <td colspan = "3">
  4320. <input id="browse_dataset_desc_text" style="width:96% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" readonly="readonly"/>
  4321. </td>
  4322. </tr>
  4323. </table>
  4324. <br>
  4325. <!--数据预览-->
  4326. <div class="scroll-content">
  4327. <div>
  4328. <table width="100%" align="center" id="table_browse_dataset_head">
  4329. <tr>
  4330. <th width="50%">全部标签</th>
  4331. <th width="50%">
  4332. <select id="sel_dataset_view_type" onchange="change_dataset_view_type(this);" style="width:180px;height:30px;Float:left;">
  4333. <option value="all">查看全量数据</option>
  4334. <option value="train">查看训练集</option>
  4335. <option value="evaluate">查看验证集</option>
  4336. <option value="test">查看测试集</option>
  4337. </select>
  4338. 全部数据预览 &nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp
  4339. <label id="dataset_chk_show_label_txt"><input type="checkbox" id="dataset_chk_show_label" value="显示标注" onclick="show_dataset_labels()" style="height: 12px;width: 12px;">&nbsp;显示标注</label>
  4340. </th>
  4341. </tr>
  4342. </table>
  4343. </div>
  4344. <div>
  4345. <table width="100%" align="center" id="table_browse_dataset">
  4346. <tr>
  4347. <td>
  4348. <!--标签-->
  4349. <div class="table-dataset-labels">
  4350. <table width="100%" align="center" id="table_dataset_labels">
  4351. <colgroup><col style="font-size: 14px;" /><col /></colgroup>
  4352. <tbody>
  4353. <tr><td>标签名称</td><td>总数据量</td><td>训练数据集</td><td>验证数据集</td><td>测试数据集</td></tr>
  4354. </tbody>
  4355. </table>
  4356. </div>
  4357. <!--标签-->
  4358. </td>
  4359. <td>
  4360. <!--图像预览-->
  4361. <div class="table-dataset-labels">
  4362. <table width="100%" align="center" id="table_dataset_imgs">
  4363. <tr>
  4364. <td><img id="dataset_img_1" ondblclick="zoom_image(this)" align="center" style="border:1px #D6D6D6 solid;" height="150" width="150" hspace="0" vspace="0"/></td>
  4365. <td><img id="dataset_img_2" ondblclick="zoom_image(this)" align="center" style="border:1px #D6D6D6 solid;" height="150" width="150" hspace="0" vspace="0"/></td>
  4366. <td><img id="dataset_img_3" ondblclick="zoom_image(this)" align="center" style="border:1px #D6D6D6 solid;" height="150" width="150" hspace="0" vspace="0"/></td>
  4367. </tr>
  4368. <tr>
  4369. <td id="dataset_img_1_file_name">img_file</td>
  4370. <td id="dataset_img_2_file_name">img_file</td>
  4371. <td id="dataset_img_3_file_name">img_file</td>
  4372. </tr>
  4373. </table>
  4374. <table width="100%" align="center" id="table_dataset_pages">
  4375. <tr>
  4376. <td style="cursor:pointer;" onclick="dataset_pre_page()">上一页</td>
  4377. <td id="dataset_page_info">第 页/共 页<td>
  4378. <td style="cursor:pointer;" onclick="dataset_next_page()">下一页</td>
  4379. </tr>
  4380. </table>
  4381. </div>
  4382. </td>
  4383. </tr>
  4384. </table>
  4385. </div>
  4386. </div>
  4387. <br>
  4388. <!--buttons-->
  4389. <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
  4390. <div class="btn"><input type="button" id="btn_cancel_browse_dataset" style="background:#529EFF;" value="取消" onclick="hide_browse_dataset_win_modal(this);" /></div>
  4391. &nbsp;&nbsp;&nbsp;&nbsp;
  4392. <div class="btn"><input type="button" id="btn_split_dataset" style="background:#008F00;" value="重新切分" onclick="re_split_dataset(this);" /></div>
  4393. &nbsp;&nbsp;&nbsp;&nbsp;
  4394. <div class="btn"><input type="button" id="btn_close_browse_dataset" value="关闭" onclick="hide_browse_dataset_win_modal(this);" /></div>
  4395. </div>
  4396. </div>
  4397. <div id="win_browse_dataset_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:fixed;top:0;left:0; z-index:9;background: silver;"></div>
  4398. <!--数据集预览窗口-->
  4399. <!--浏览原图弹出窗口-->
  4400. <div id="win_browse_img" style="display:none;border:1px solid #cccccc;height:610px;width:60%;position:fixed;top:15%;left:20%;z-index:15;background:white;">
  4401. <table width="100%" align="center" id="table_img">
  4402. <tr>
  4403. <td width="15%" align="center"><arrow class="left" id="arrow_pre_img" onclick="img_arrow_click(this)"></arrow></td>
  4404. <td width="70%">
  4405. <img id="dataset_browse_img" onclick="hide_zoom_img(this)" src="" align="center" style="border:1px #D6D6D6 solid;" height="600" width="600" hspace="0" vspace="0"/>
  4406. </td>
  4407. <td width="15%" align="center"><arrow class="right" id="arrow_next_img" onclick="img_arrow_click(this)"></arrow></td>
  4408. </tr>
  4409. </table>
  4410. </div>
  4411. <div id="win_browse_img_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:fixed;top:0;left:0; z-index:9;background: silver;"></div>
  4412. <!--浏览原图弹出窗口-->
  4413. <!--浏览日志窗口-->
  4414. <div id="win_view_log" onclick="" style="display:none;border:1px solid #cccccc;height:610px;width:60%;position:fixed;top:15%;left:20%;z-index:15;background:white;">
  4415. <table width="100%" align="center" id="table_log">
  4416. <tr>
  4417. <td>
  4418. <textarea id="view_log_text" style="width:99% ;height:550px; resize:none" readonly="readonly"></textarea>
  4419. </td>
  4420. </tr>
  4421. <tr>
  4422. <td>
  4423. <div style="text-align: right;">
  4424. <div class="btn"><input type="button" id="btn_close_view_log_win" value="关闭" onclick="hide_log_win(this);" /></div>
  4425. </td>
  4426. </tr>
  4427. </table>
  4428. </div>
  4429. <div id="win_view_log_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:fixed;top:0;left:0; z-index:9;background: silver;"></div>
  4430. <!--浏览日志窗口-->
  4431. <!--数据增强详细信息窗口-->
  4432. <div id="win_data_augmentation_detail" style="display:none;border:1px solid #cccccc;height:420px;width:55%;position:fixed;top:22%;left:22%;z-index:15;background:white;">
  4433. <!--title-->
  4434. <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
  4435. <br><div style="font-size: 20px;">数据增强设置</div><br>
  4436. </div>
  4437. <br/>
  4438. <!--show model informations-->
  4439. <table width="100%" align="center" id="table_data_augmentation_info">
  4440. <tr>
  4441. <td><div style="font-size: 14px;">随机亮度概率:</div></td>
  4442. <td>
  4443. <input type="hidden" id="data_augmentation_task_id" value="">
  4444. <input id="brightness_prob" value="0.5" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
  4445. </td>
  4446. <td><div style="font-size: 14px;">亮度范围:</div></td>
  4447. <td>
  4448. <input id="brightness_range" value="0.9" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
  4449. </td>
  4450. </tr>
  4451. <tr>
  4452. <td><div style="font-size: 14px;">随机对比度概率:</div></td>
  4453. <td>
  4454. <input id="contrast_prob" value="0.5" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
  4455. </td>
  4456. <td><div style="font-size: 14px;">对比度范围:</div></td>
  4457. <td>
  4458. <input id="contrast_range" value="0.9" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
  4459. </td>
  4460. </tr>
  4461. <tr>
  4462. <td><div style="font-size: 14px;">随机饱和度概率:</div></td>
  4463. <td>
  4464. <input id="saturation_prob" value="0.5" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
  4465. </td>
  4466. <td><div style="font-size: 14px;">饱和度范围:</div></td>
  4467. <td>
  4468. <input id="saturation_range" value="0.9" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
  4469. </td>
  4470. </tr>
  4471. <tr>
  4472. <td><div style="font-size: 14px;">随机色调概率:</div></td>
  4473. <td>
  4474. <input id="hue_prob" value="0.5" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
  4475. </td>
  4476. <td><div style="font-size: 14px;">色调范围:</div></td>
  4477. <td>
  4478. <input id="hue_range" value="18" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
  4479. </td>
  4480. </tr>
  4481. <tr>
  4482. <td><div style="font-size: 14px;">随机上下翻转概率:</div></td>
  4483. <td>
  4484. <input id="vertical_flip_prob" value="0.5" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
  4485. </td>
  4486. <td><div style="font-size: 14px;">随机水平翻转概率:</div></td>
  4487. <td>
  4488. <input id="horizontal_flip_prob" value="0.5" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
  4489. </td>
  4490. </tr>
  4491. <tr>
  4492. <td><div style="font-size: 14px;">旋转概率:</div></td>
  4493. <td>
  4494. <input id="rotate_prob" value="0.5" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
  4495. </td>
  4496. <td><div style="font-size: 14px;">最大旋转角度:</div></td>
  4497. <td>
  4498. <input id="rotate_range" value="30" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
  4499. </td>
  4500. </tr>
  4501. </table>
  4502. <br>
  4503. <!--buttons-->
  4504. <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
  4505. <div class="btn"><input type="button" id="btn_hide_model_predict_win" value="取消" onclick="hide_augument_detail_parms(this);" style="background:#529EFF;" /></div>
  4506. &nbsp;&nbsp;&nbsp;&nbsp;
  4507. <div class="btn"><input type="button" id="btn_model_predict_test" value="保存设置" onclick="save_augument_detail_parms(this);" /></div>
  4508. </div>
  4509. </div>
  4510. <div id="win_data_augmentation_detail_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:fixed;top:0;left:0; z-index:14;background: silver;"></div>
  4511. <!--数据增强详细信息窗口-->
  4512. <!--Demo下载窗口-->
  4513. <div id="demo_download_win" style="display:none;border:1px solid #cccccc;height:390px;width:50%;position:fixed;top:24%;left:24%;z-index:10;background:white;">
  4514. <!--title-->
  4515. <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
  4516. <br><div style="font-size: 20px;">下载示例项目</div><br>
  4517. </div>
  4518. <br/>
  4519. <!--demos-->
  4520. <table width="100%" align="center" id="download_demo_detail_info">
  4521. <tr>
  4522. <td width="40%"><br>
  4523. <label id="download_cls"><input type="checkbox" id="download_cls_label" value="下载图像分类示例项目" style="height: 12px;width: 12px;">下载图像分类示例项目</label>
  4524. </td>
  4525. <td>
  4526. <br><div class="progress"> <span id="cls_download_status_progress_bar_value" class="green" style="width: 0%;"><span id="cls_download_status_progress_bar">0%</span></span></div>
  4527. </td>
  4528. <td>&nbsp</td>
  4529. </tr>
  4530. <tr>
  4531. <td width="40%"><br>
  4532. <label id="download_det"><input type="checkbox" id="download_det_label" value="下载目标检测示例项目" style="height: 12px;width: 12px;">下载目标检测示例项目</label>
  4533. </td>
  4534. <td>
  4535. <br><div class="progress"> <span id="det_download_status_progress_bar_value" class="green" style="width: 0%;"><span id="det_download_status_progress_bar">0%</span></span></div>
  4536. </td>
  4537. <td>&nbsp</td>
  4538. </tr>
  4539. <tr>
  4540. <td width="40%"><br>
  4541. <label id="download_ins"><input type="checkbox" id="download_ins_label" value="下载实例分割示例项目" style="height: 12px;width: 12px;">下载实例分割示例项目</label>
  4542. </td>
  4543. <td>
  4544. <br><div class="progress"> <span id="ins_download_status_progress_bar_value" class="green" style="width: 0%;"><span id="ins_download_status_progress_bar">0%</span></span></div>
  4545. </td>
  4546. <td>&nbsp</td>
  4547. </tr>
  4548. <tr>
  4549. <td width="40%"><br>
  4550. <label id="download_seg"><input type="checkbox" id="download_seg_label" value="下载语义分割示例项目" style="height: 12px;width: 12px;">下载语义分割示例项目</label>
  4551. </td>
  4552. <td>
  4553. <br><div class="progress"> <span id="seg_download_status_progress_bar_value" class="green" style="width: 0%;"><span id="seg_download_status_progress_bar">0%</span></span></div>
  4554. </td>
  4555. <td>&nbsp</td>
  4556. </tr>
  4557. </table>
  4558. <br>
  4559. <!--buttons-->
  4560. <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
  4561. <div class="btn"><input type="button" id="btn_cancel_download_demo" style="background:#529EFF;" value="关闭窗口" onclick="hide_download_demo_win_modal();" /></div>
  4562. &nbsp;&nbsp;&nbsp;&nbsp;
  4563. <div class="btn"><input type="button" id="btn_download_proc" value="开始下载" onclick="download_win_btn_proc(this);" /></div>
  4564. </div>
  4565. </div>
  4566. <div id="demo_download_win_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:fixed;top:0;left:0;z-index:9;background: silver;"></div>
  4567. <!--Demo下载窗口-->
  4568. <!--模型测试窗口-->
  4569. <div id="win_model_predict_test" style="display:none;border:1px solid #cccccc;height:540px;width:60%;position:fixed;top:16%;left:20%;z-index:10;background:white;">
  4570. <!--title-->
  4571. <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
  4572. <br><div style="font-size: 20px;">模型测试</div><br>
  4573. </div>
  4574. <br/>
  4575. <!--show model informations-->
  4576. <table width="100%" align="center" id="table_test_model_info">
  4577. <tr>
  4578. <td><div style="font-size: 14px;">模型名称:</div></td>
  4579. <td>
  4580. <input type="hidden" id="predict_test_model_id" value="">
  4581. <input id="test_model_name_text" value="" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" readonly="readonly"/>
  4582. </td>
  4583. <td><div style="font-size: 14px;">模型类型及结构:</div></td>
  4584. <td>
  4585. <input id="test_model_type_text" value="" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" readonly="readonly"/>
  4586. </td>
  4587. </tr>
  4588. <tr>
  4589. <td><div style="font-size: 14px;">模型路径:</div></td>
  4590. <td colspan = "3">
  4591. <input id="test_model_path_text" style="width:96% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" readonly="readonly"/>
  4592. </td>
  4593. </tr>
  4594. <tr>
  4595. <td colspan = "4">
  4596. <div style="margin-top: 5px; padding: 1px 1px 1px; text-align: right; border-top: 1px solid #e5e5e5;"></div>
  4597. </td>
  4598. </tr>
  4599. <tr>
  4600. <td><div style="font-size: 14px;">预测图片:</div></td>
  4601. <td colspan = "3">
  4602. <input type="file" id="test_model_src_img_path_text" onchange="load_predict_file_and_preview(this)" accept="image/gif,image/jpeg,image/jpg,image/bmp" style="width:96% ;height:20px;" type="text"/>
  4603. </td>
  4604. </tr>
  4605. </table>
  4606. <!--src and predict view-->
  4607. <div class="scroll-content">
  4608. <div>
  4609. <table width="100%" align="center" id="model_test_predict_head">
  4610. <tr>
  4611. <th width="50%">预览原图</th>
  4612. <th width="50%">预测结果</th>
  4613. </tr>
  4614. </table>
  4615. </div>
  4616. <div>
  4617. <table width="100%" align="center" id="table_browse_src_and_result">
  4618. <tr>
  4619. <td>
  4620. <div class="">
  4621. <table width="100%" align="center" id="table_img_predict_result">
  4622. <tr>
  4623. <td><img id="model_test_img_src" ondblclick="zoom_image(this)" align="center" style="border:1px #D6D6D6 solid;" height="200" width="200" hspace="0" vspace="0"/></td>
  4624. </tr>
  4625. </table>
  4626. </div>
  4627. </td>
  4628. <td>
  4629. <div class="">
  4630. <table width="100%" align="center" id="table_img_predict_result">
  4631. <tr>
  4632. <td><img id="model_test_img_result" ondblclick="zoom_image(this)" align="center" style="border:1px #D6D6D6 solid;" height="200" width="200" hspace="0" vspace="0"/></td>
  4633. </tr>
  4634. </table>
  4635. </div>
  4636. </td>
  4637. </tr>
  4638. </table>
  4639. </div>
  4640. </div>
  4641. <br>
  4642. <!--buttons-->
  4643. <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
  4644. <div class="btn"><input type="button" id="btn_hide_model_predict_win" value="取消" onclick="hide_model_test_predict_win_modal(this);" style="background:#529EFF;" /></div>
  4645. &nbsp;&nbsp;&nbsp;&nbsp;
  4646. <div class="btn"><input type="button" id="btn_model_predict_test" value="预测" onclick="model_predict_test(this);" /></div>
  4647. </div>
  4648. </div>
  4649. <div id="win_model_predict_test_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:fixed;top:0;left:0; z-index:9;background: silver;"></div>
  4650. <!--模型测试窗口-->
  4651. <div class="btn">
  4652. <input type="button" id="btn_refresh" style="width: 150px; height: 50px; " value="刷新项目信息" onclick="javascript:refresh_contents(this);"/>
  4653. </div>
  4654. <br>
  4655. </body>
  4656. </html>