paddlex_restful_demo.html 173 KB

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