zhengchun
/
PaddleX


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669
							<!--
# Copyright (c) 2020 PaddlePaddle Authors. All Rights Reserved.
#
# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at
#
#     http://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing, software
# distributed under the License is distributed on an "AS IS" BASIS,
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
# See the License for the specific language governing permissions and
# limitations under the License.
-->

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>欢迎使用 PaddleX RestfulAPI Demo示例程序</title>

<style type="text/css">
h1{
  font:400 40px 'pt sans',sans-serif;
  text-align:center;
}
.nav a{
  text-decoration:none;
}
.nav{
  height:70px;
  background:#0000cd;
  position:relative;
  z-index:6;
}
.nav>ul{
  position:relative;
  list-style:none;
  padding:0;
  margin:0;
}
.nav>ul>li>ul{
  position:absolute;
  left:0;
  padding:0;
  margin:0;
  list-style:none;
}
.nav>ul>li:hover>ul li a{
  opacity:1;
  height:50px;
   transition:all .3s linear;
  -o-transition:all .3s linear;
  -moz-transition:all .3s linear;
  -webkit-transition:all .3s linear;
}
.nav>ul>li>ul a{
  display:block;
  color:#222;
  width:150px;
  line-height:50px !important;
  font:700 16px 'pt sans',sans-serif;
  background:#eee;
  border-bottom:1px solid #ddd;
  text-align:center;
  padding:0 5px;
  height:0;
  overflow:hidden;
  opacity:0;
  transition:all .3s linear .2s;
  -o-transition:all .3s linear .2s;
  -moz-transition:all .3s linear .2s;
  -webkit-transition:all .3s linear .2s;
}
.nav>ul>li>ul a:hover{
  display:block;
  color:#222;
  width:150px;
  line-height:50px !important;
  font:700 16px 'pt sans',sans-serif;
  background:#A8D9FF;
  border-bottom:1px solid #ddd;
  text-align:center;
  padding:0 5px;
  height:0;
  overflow:hidden;
  opacity:0;
  transition:all .3s linear .2s;
  -o-transition:all .3s linear .2s;
  -moz-transition:all .3s linear .2s;
  -webkit-transition:all .3s linear .2s;
}
.nav>ul>li{
  float:left;
  position:relative;
}
.nav>ul>li>a{
  padding:0 20px;
  color:#fff;
  display:block;
  line-height:70px !important;
  font:400 15px 'PT Sans', sans-serif;
  text-decoration:none;
}

.lamp span{
  display:block;
  height:4px;
  background:#ee6666;
  position: relative;
}
.lamp span:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(238, 102, 102, 0);
  border-bottom-color: #ee6666;
  border-width: 4px;
  margin-left: -4px;
}
.lamp{
  position:absolute !important;
  height:4px;
  top:66px;
  background:#333;
  transition:all .3s linear;
  -o-transition:all .3s linear;
  -moz-transition:all .3s linear;
  -webkit-transition:all .3s linear;
}
.selected.active>a,.active>a{
  transition:all .3s linear;
  -o-transition:all .3s linear;
  -moz-transition:all .3s linear;
  -webkit-transition:all .3s linear;
  color:#fff;
}
.credit{
  text-align:center;
  margin:20px 0;
}
.blog-link{
  color:#fff;
  text-decoration:none;
  background:#eee;
  background-size:40px;
  line-height:50px;
  display:inline-block;
  padding:0 10px;
  border-radius:px;
  border-bottom:3px solid #ddd;
  color:#333;
  font-family:'open sans',sans-serif;
  margin:10px;
}
.dgithub{
  color:#fff;
  text-decoration:none;
  background-size:40px;
  line-height:50px;
  display:inline-block;
  padding:0 10px 0 50px;
  background-position:5px;
  border-radius:4px;
  border-bottom:3px solid #ddd;
  color:#333;
  font-family:'open sans',sans-serif;
  margin:10px;
}

#draw-border {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10vh;
}

view_item {
  border: 1px solid;
  background: none;
  width: 300px;
  height:170px;
  text-transform: uppercase;
  text-align:left;
  color: #4361ee;
  font-weight: bold;
  position: relative;
  outline: none;
  padding: 10px 10px;
  box-sizing: border-box;
  border-radius: 8px;
  cursor: pointer;
  value: "";
}
view_item::before, view_item::after {
  box-sizing: inherit;
  position: absolute;
  content: '';
  border: 2px solid transparent;
  width: 0;
  height: 0;
  border-radius: 6px;
}
view_item::after {
  bottom: 0;
  right: 0;
}
view_item::before {
  top: 0;
  left: 0;
}
view_item:hover::before, view_item:hover::after {
  width: 100%;
  height: 100%;
}
view_item:hover::before {
  border-top-color: #4361ee;
  border-right-color: #4361ee;
  transition: width 0s ease-out, height 0s ease-out 0s;
}
view_item:hover::after {
  border-bottom-color: #4361ee;
  border-left-color: #4361ee;
  transition: border-color 0s ease-out 0s, width 0s ease-out 0s, height 0s ease-out 0s;
}

body { background: #f6f6f6;}

.btn {
  width: 120px;
  height: 40px;
  display: inline-block;
  //padding: 2px;
  border-radius: 10px;
  vertical-align: middle;
  background: #0000cd;
  //background: linear-gradient(268deg,#e3164e,#7f1ba7,#841c39,#e993e7,#d27228);
  background-size: 1000% 1000%;
  -webkit-animation: gradient 10s ease infinite;
  -moz-animation: gradient 10s ease infinite;
  -o-animation: Agradient 10s ease infinite;
  animation: gradient 10s ease infinite;
}
.btn input {
  font: 300 14px/14px 'Source Sans Pro',sans-serif;
  letter-spacing: 1px;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  background: #0000cd;
  border: none;
  outline: none;
  border-radius: 10px;
  color: #f6f6f6;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645,0.045,0.355,1)
}
.btn:hover input {
  background: transparent;
  color: #f6f6f6;
  letter-spacing: 1px;
  outline: 1px;
  background: #0000e7;
}
 
.btn-toggle-mx {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transition: 0.8s all;
  -o-transition: 0.8s all;
  transition: 0.8s all
}
.btn-toggle-mx.transmx {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.progress {
  height:20px;
  background:#ebebeb;
  border-left:1px solid transparent;
  border-right:1px solid transparent;
  border-radius:10px;
}
.progress > span {
  position:relative;
  float:left;
  margin:0 -1px;
  min-width:30px;
  height:18px;
  line-height:16px;
  text-align:right;
  background:#cccccc;
  border:1px solid;
  border-color:#bfbfbf #b3b3b3 #9e9e9e;
  border-radius:10px;
  background-image:-webkit-linear-gradient(top,#f0f0f0 0%,#dbdbdb 70%,#cccccc 100%);
  background-image:-moz-linear-gradient(top,#f0f0f0 0%,#dbdbdb 70%,#cccccc 100%);
  background-image:-o-linear-gradient(top,#f0f0f0 0%,#dbdbdb 70%,#cccccc 100%);
  background-image:linear-gradient(to bottom,#f0f0f0 0%,#dbdbdb 70%,#cccccc 100%);
  -webkit-box-shadow:inset 0 1px rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.2);
  box-shadow:inset 0 1px rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.2);
}
.progress > span > span {
  padding:0 8px;
  font-size:9px;
  font-weight:bold;
  color:#404040;
  color:rgba(0,0,0,0.7);
  text-shadow:0 1px rgba(255,255,255,0.4);
}
.progress > span:before {
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:1;
  height:18px;
  border-radius:10px;
}
.progress .green {
  background:#85c440;
  border-color:#78b337 #6ba031 #568128;
  background-image:-webkit-linear-gradient(top,#b7dc8e 0%,#99ce5f 70%,#85c440 100%);
  background-image:-moz-linear-gradient(top,#b7dc8e 0%,#99ce5f 70%,#85c440 100%);
  background-image:-o-linear-gradient(top,#b7dc8e 0%,#99ce5f 70%,#85c440 100%);
  background-image:linear-gradient(to bottom,#b7dc8e 0%,#99ce5f 70%,#85c440 100%);
}
.progress .blue {
  background:#5aaadb;
  border-color:#459fd6 #3094d2 #277db2;
  background-image:-webkit-linear-gradient(top,#aed5ed 0%,#7bbbe2 70%,#5aaadb 100%);
  background-image:-moz-linear-gradient(top,#aed5ed 0%,#7bbbe2 70%,#5aaadb 100%);
  background-image:-o-linear-gradient(top,#aed5ed 0%,#7bbbe2 70%,#5aaadb 100%);
  background-image:linear-gradient(to bottom,#aed5ed 0%,#7bbbe2 70%,#5aaadb 100%);
}

#popupmenu_project{
  border:1px solid #ddd;
  background: #eee;
  position: absolute;
  width: 200px;
  height: 140px;
  display: none;
  z-index:8;
}
.popupmenu_project tr:hover{background:#A8D9FF;}

#popupmenu_dataset{
  border:1px solid #ddd;
  background: #eee;
  position: absolute;
  width: 200px;
  height: 50px;
  display: none;
  z-index:8;
}
.popupmenu_dataset tr:hover{background:#A8D9FF;}

#popupmenu_task{
  border:1px solid #ddd;
  background: #eee;
  position: absolute;
  width: 200px;
  height: 50px;
  display: none;
  z-index:8;
}
.popupmenu_task tr:hover{background:#A8D9FF;}

#popupmenu_model{
  border:1px solid #ddd;
  background: #eee;
  position: absolute;
  width: 200px;
  height: 50px;
  display: none;
  z-index:8;
}
.popupmenu_model tr:hover{background:#A8D9FF;}

.scroll-content{
  height: 220px;
}

.table-parms-head{padding-right:17px;background-color:#999;color:#000;}
.table-parms-head table,.table-body table{width:100%;}
.table-parms-body{width:100%; height:210px;overflow-y:scroll;}
.table-parms-body table tr:nth-child(2n+1){background-color:#f2f2f2;}

.table-dataset-labels{width:100%; height:210px; border:1px solid #D6D6D6; overflow-y:scroll; padding:0px 0px;}
.table-dataset-labels table tr:nth-child(2n){background-color:#f2f2f2; padding:0px 0px;}
.table-dataset-labels table td{border:solid #f2f2f2; border-width:0px 1px 1px 0px; padding:0px 0px;}

.table-dataset-imgs{width:100%; height:210px; border:1px solid #D6D6D6; overflow-y:scroll;}

</style>

<script type="text/javascript">
//server url address
var str_srv_url = "http://0.0.0.0:8080";

//数据集选择列表，用于创建项目时下拉选择
var g_dataset_list = {};

//创建任务时任务参数dic
var g_train_task_parms = {};

//保存刷新项目任务时需要使用的项目id及type
var g_view_project_task_id = "";
var g_view_project_task_type = "classification";

//用于刷新任务定时器句柄
var g_instance_refresh_clock;

//浏览数据集变量
var g_dataset_files = {};
//记录当前页
var g_current_dataset_page = 1;
//每页显示几张图片
var g_const_imgs_per_page = 3;
//当前标签
var g_current_dataset_lable_name = "";
//是否显示标注
var g_b_show_img_labels = false;

//数据集状态
var DatasetStatus = {
    XEMPTY:0, //空数据集
    XCHECKING:1, //正在验证数据集
    XCHECKFAIL:2, //数据集验证失败 
    XCOPYING:3, //正在导入数据集
    XCOPYDONE:4, //数据集导入成功
    XCOPYFAIL:5, //数据集导入失败 
    XSPLITED:6  //数据集已经切分  
};

//任务状态
var TaskStatus = {
    XUNINIT:0, //任务还未初始化
    XINIT:1, //任务初始化
    XDOWNLOADING:2, //正在下载预训练模型 
    XTRAINING:3, //任务正在运行中，该状态下任务不能被删除
    XTRAINDONE:4, //任务完成运行
    XEVALUATED:5, //任务评估完成 
    XEXPORTING:6,  //任务正在导出inference模型
    XEXPORTED:7, //任务已经导出模型
    XTRAINEXIT:8, //任务运行中止
    XDOWNLOADFAIL:9, //任务下载失败
    XTRAINFAIL:10, //任务运行失败
    XEVALUATING:11,  //任务评估中
    XEVALUATEFAIL:12, //任务评估失败
    XEXPORTFAIL:13, //任务导出模型失败
    XPRUNEING:14, //裁剪分析任务运行中
    XPRUNETRAIN:15  //裁剪训练任务运行中
};

//参数范围
var Model_List = {
    "classification":["MobileNetV2", "ResNet18", "ResNet34", "ResNet50", "ResNet101",
                      "ResNet50_vd", "ResNet101_vd", "ResNet50_vd_ssld", "ResNet101_vd_ssld",
                      "DarkNet53", "MobileNetV1", "MobileNetV3_small", "MobileNetV3_large",
                      "MobileNetV3_small_ssld", "MobileNetV3_large_ssld", "Xception41",
                      "Xception65", "DenseNet121", "DenseNet161", "DenseNet201","ShuffleNetV2"],
     "detection":["YOLOv3", "FasterRCNN", "PPYOLO"],
     "segmentation":["DeepLabv3+", "U-Net", "HRNet_W18", "FastSCNN"],
     "instance_segmentation":["MaskRCNN"]
}

var Backbone_List = {
    "YOLOv3": ["DarkNet53", "ResNet34", "MobileNetV1", "MobileNetV3_large"],
    "PPYOLO": ["ResNet50_vd_ssld"],
    "FasterRCNN": ["ResNet18", "ResNet50", "ResNet50_vd", "ResNet101", "ResNet101_vd", "HRNet_W18"],
    "DeepLabv3+": ["Xception65", "Xception41", "MobileNetV3_large_x1_0_ssld", "MobileNetV2_x0.25",
                   "MobileNetV2_x0.5", "MobileNetV2_x1.0", "MobileNetV2_x1.5","MobileNetV2_x2.0"],
    "MaskRCNN": ["ResNet18", "ResNet50", "ResNet50_vd", "ResNet101", "ResNet101_vd", "HRNet_W18"]
}

//显示服务器配置窗口
function show_server_info(input_data)
{
    var srv_url_text = document.getElementById('server_url_text');
    srv_url_text.value = str_srv_url;
        
    var input_crt_prj_win = document.getElementById('input_win_cfg_server');
    var input_crt_prj_win_over = document.getElementById('input_win_cfg_server_over');
    input_crt_prj_win.style.display = "block";
    input_crt_prj_win_over.style.display = "block";
}

//隐藏服务器配置窗口
function hide_server_info(input_data)
{
    var on_win_user = document.getElementById('input_win_cfg_server');
    var over_win_user = document.getElementById('input_win_cfg_server_over');
    on_win_user.style.display = "none";
    over_win_user.style.display = "none";
}

//创建项目弹出窗口
function show_create_project_win_modal(obj)
{
    var prj_name_text = document.getElementById('project_name_text');
    project_name_text.value='新建项目';
    
    //加载项目对应的数据集列表
    str_project_type = "classification";
    var obj_sel_create_project_type = document.getElementById('project_type_text');
    obj_sel_create_project_type.value=str_project_type;
    
    //加载数据集信息及默认参数
    var obj_sel_create_project_dataset_id = document.getElementById('create_project_dataset_id_text');
    obj_sel_create_project_dataset_id.options.length = 0
    obj_sel_create_project_dataset_id.options[0] = new Option("请选择项目对应数据集", 0);
    
    var http_request = new XMLHttpRequest();
    http_request.open("GET", str_srv_url + "/dataset", false);
    http_request.send(null);
    str_json_datasets = http_request.responseText;
    
    //取出对应类型的数据集
    var str_json = eval('(' + str_json_datasets + ')');
    var obj_datasets = str_json["datasets"];
    g_dataset_list = obj_datasets;
    for(var p in obj_datasets)
    {
        str_id = obj_datasets[p].id;
        str_attr = obj_datasets[p].attr;
        str_name = str_attr["name"];
        str_desc = str_attr["desc"];
        str_type = str_attr["type"];
        //str_crttime = str_attr["create_time"]
        str_status = str_attr["dataset_status"]
        if(str_status == DatasetStatus.XSPLITED && str_type == str_project_type)
        {
            obj_sel_create_project_dataset_id.options[obj_sel_create_project_dataset_id.options.length] = new Option(str_name, str_id);
        }
    }   
    
    var input_crt_prj_win = document.getElementById('input_win_create_project');
    var input_crt_prj_win_over = document.getElementById('input_win_create_project_over');
    input_crt_prj_win.style.display = "block";
    input_crt_prj_win_over.style.display = "block";
}

//隐藏创建项目弹出窗口
function hide_create_prj_win_modal(obj)
{
    var on_win_create_prj = document.getElementById('input_win_create_project');
    var over_win_create_prj = document.getElementById('input_win_create_project_over');
    on_win_create_prj.style.display = "none";
    over_win_create_prj.style.display = "none";
}

//显示创建数据集弹出窗口
function show_create_dataset_win_modal(obj)
{
    var dataset_name_text = document.getElementById('dataset_name_text');
    dataset_name_text.value='新建数据集';
    
    var input_crt_dataset_win = document.getElementById('input_win_create_dataset');
    var input_crt_dataset_win_over = document.getElementById('input_win_create_dataset_over');
    input_crt_dataset_win.style.display = "block";
    input_crt_dataset_win_over.style.display = "block";
}

//隐藏创建数据集弹出窗口
function hide_create_dataset_win_modal(obj)
{
    var on_win_create_dataset = document.getElementById('input_win_create_dataset');
    var over_win_create_dataset = document.getElementById('input_win_create_dataset_over');
    on_win_create_dataset.style.display = "none";
    over_win_create_dataset.style.display = "none";
}

//显示导入数据集弹出窗口
function show_import_dataset_win_modal(obj)
{
    var on_win_import_dataset = document.getElementById('input_win_import_dataset');
    var over_win_import_dataset = document.getElementById('input_win_import_dataset_over');
    var input_import_dataset_id = document.getElementById('import_dataset_id');
    
    on_win_import_dataset.style.display = "block";
    over_win_import_dataset.style.display = "block";
    
    input_import_dataset_id.value = obj.id;
}

//隐藏导入数据集弹出窗口
function hide_import_dataset_win_modal(obj)
{
    var on_win_import_dataset = document.getElementById('input_win_import_dataset');
    var over_win_import_dataset = document.getElementById('input_win_import_dataset_over');
    var input_import_dataset_id = document.getElementById('import_dataset_id');
    
    on_win_import_dataset.style.display = "none";
    over_win_import_dataset.style.display = "none";
    input_import_dataset_id.value = "";
}

function re_split_dataset(obj)
{
    var on_win_split_dataset = document.getElementById('input_win_split_dataset');
    var over_win_split_dataset = document.getElementById('input_win_split_dataset_over');
    
    //获取需要切分的数据集ID
    document.getElementById('split_dataset_id').value = document.getElementById('browse_dataset_id').value;
    
    on_win_split_dataset.style.display = "block";
    over_win_split_dataset.style.display = "block";
}

//切分数据集弹出窗口
function show_split_dataset_win_modal(obj)
{
    var on_win_split_dataset = document.getElementById('input_win_split_dataset');
    var over_win_split_dataset = document.getElementById('input_win_split_dataset_over');
    var input_split_dataset_id = document.getElementById('split_dataset_id');
    
    on_win_split_dataset.style.display = "block";
    over_win_split_dataset.style.display = "block";
    
    input_split_dataset_id.value = obj.id;
}

//隐藏切分数据集弹出窗口
function hide_split_dataset_win_modal(obj)
{
    var on_win_split_dataset = document.getElementById('input_win_split_dataset');
    var over_win_split_dataset = document.getElementById('input_win_split_dataset_over');
    var input_split_dataset_id = document.getElementById('split_dataset_id');
    
    on_win_split_dataset.style.display = "none";
    over_win_split_dataset.style.display = "none";
    input_split_dataset_id.value = "";
}

//获取数据集详细信息
function get_dataset_detail_info(str_dataset_id)
{
    var http_request;
    if (window.XMLHttpRequest)
    {
        http_request=new XMLHttpRequest();
        http_request.withCredentials = true;
    }
    else
    {
        http_request=new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    http_request.open("GET",str_srv_url + "/dataset/details?did=" + str_dataset_id, false);
    http_request.send(null);
    
    var str_dataset_detail_info = http_request.responseText;
    return str_dataset_detail_info;
}

//加载图片
function load_labels_imgs(str_lbl_name, int_page = 1)
{
     var lst_img_files = g_dataset_files[str_lbl_name];
     
     var str_dataset_id = document.getElementById('browse_dataset_id').value;
     //获取数据集路径
     var str_dataset_path = document.getElementById('view_dataset_path_' + str_dataset_id).value;
     
     var curr_file_idx = g_const_imgs_per_page * (int_page - 1);
     
     var img_count = 0;
     for(var j=curr_file_idx;j<lst_img_files.length;j++)
     {
         var str_img_file_name = lst_img_files[j];
         var str_img_file = str_dataset_path + "/" + str_img_file_name;
         //是否显示标注
         var str_img_file_content = "";
         if(g_b_show_img_labels == true)
         {
             str_img_file_content = get_img_file_from_server(str_img_file, str_dataset_id);
         }
         else
         {
             str_img_file_content = get_img_file_from_server(str_img_file);
         }
         //更新img框内容
         img_count = img_count + 1;
         var obj_img = document.getElementById('dataset_img_' + img_count);
         var idx_file_postfix = str_img_file_name.lastIndexOf(".");
         var str_file_type = "jpeg";
         if(idx_file_postfix >= 0)
         {
             str_file_type = str_img_file_name.substring(idx_file_postfix + 1,str_img_file_name.length);
         }
         
         str_file_type = str_file_type.toLowerCase();
         
         var str_b64_type = "data:image/jpeg;base64,";
         
         if(str_file_type == "jpg" || str_file_type == "jpeg")
             str_b64_type = "data:image/jpeg;base64,";
         else if (str_file_type == "bmp")
             str_b64_type = "data:image/jpeg;base64,";
         else if (str_file_type == "png")
             str_b64_type = "data:image/png;base64,";
         
         obj_img.src = str_b64_type + str_img_file_content;
         
         //更新文件名称
         var idx_path_split = str_img_file_name.lastIndexOf("/");
         var str_img_file_shot_name = str_img_file_name;
         if(idx_path_split >= 0)
         {
             str_img_file_shot_name = str_img_file_name.substring(idx_path_split + 1,str_img_file_name.length);
         }
         document.getElementById('dataset_img_' + img_count + "_file_name").innerText = str_img_file_shot_name;
         if(img_count >= g_const_imgs_per_page)
         {
             break;
         }
     }
}

//从服务端请求文件内容
function get_img_file_from_server(str_file_name, str_dataset_id = "")
{
    var http_request = new XMLHttpRequest();
    if(str_dataset_id == "")
    {
        http_request.open("GET", str_srv_url + "/file?path=" + str_file_name, false);
    }
    else
    {
        http_request.open("GET", str_srv_url + "/file?path=" + str_file_name + "&did=" + str_dataset_id, false);
    }
    http_request.send(null);
    
    var obj_json = eval('(' + http_request.responseText + ')'); 
    var str_data = obj_json["img_data"];
    return str_data;
}

//从服务端获取日志文件
function get_log_file_from_server(str_log_file_name)
{
    var http_request = new XMLHttpRequest();
    http_request.open("GET", str_srv_url + "/file?path=" + str_log_file_name, false);
    http_request.send(null);
    
    return http_request.responseText;
}

//刷新翻页按纽
function refresh_dataset_page_buttons()
{
    var max_page_num = Math.ceil(g_dataset_files[g_current_dataset_lable_name].length / g_const_imgs_per_page);
    
    document.getElementById('dataset_page_info').innerText = "第" + g_current_dataset_page + "页/共" + max_page_num + "页";
}

//加载数据标签信息
function add_labels_to_table(str_lbl_list,dic_file_lst)
{
    g_dataset_files = dic_file_lst;
    
    var rows = table_dataset_labels.rows.length;
    for (i=rows-1;i>=1;i--)
    {
        table_dataset_labels.deleteRow(i);
    }

    for(var j=0;j<str_lbl_list.length;j++)
    {
        var str_lbl_name = str_lbl_list[j];
        var lst_files = dic_file_lst[str_lbl_name];
        
        var rows = table_dataset_labels.rows.length;
        var newTr = table_dataset_labels.insertRow(rows);
        newTr.id = str_lbl_name;
        newTr.onclick=function()
        {
            g_current_dataset_page = 1;
            g_current_dataset_lable_name = this.id;
            load_labels_imgs(this.id, g_current_dataset_page);
            refresh_dataset_page_buttons();
        }
        
        newTr.style.cursor="pointer";
    
        var newTd0=newTr.insertCell();
        newTd0.innerText = str_lbl_name;
        
        var newTd1=newTr.insertCell();
        newTd1.innerText = lst_files.length;
        
        var newTd2=newTr.insertCell();
        newTd2.innerText = "";
        
       var newTd3=newTr.insertCell();
        newTd3.innerText = "";
        
        var newTd4=newTr.insertCell();
        newTd4.innerText = "";
    }
}

//浏览数据集弹出窗口
function show_browse_dataset_win_modal(obj)
{
    var on_win_browse_dataset = document.getElementById('win_browse_dataset');
    var over_win_browse_dataset = document.getElementById('win_browse_dataset_over');
    document.getElementById('browse_dataset_id').value = obj.id;
    
    var str_dataset_details = get_dataset_detail_info(obj.id);

    var obj_json_dataset_details = eval('(' + str_dataset_details + ')'); 
    var lst_labels = obj_json_dataset_details["details"]["labels"];
    var lst_files = obj_json_dataset_details["details"]["label_info"];
    
    //数据集详情
    document.getElementById('browse_dataset_name_text').value = document.getElementById('view_dataset_name_' + obj.id).value;
    document.getElementById('browse_dataset_type_text').value = document.getElementById('view_dataset_type_' + obj.id).value;
    document.getElementById('browse_dataset_desc_text').value = document.getElementById('view_dataset_desc_' + obj.id).value;
    
    //分类不需要显示标注
    if(document.getElementById('browse_dataset_type_text').value == "图像分类")
    {
        document.getElementById('dataset_chk_show_label').style.visibility = "hidden";
        document.getElementById('dataset_chk_show_label_txt').style.visibility = "hidden";
    }
    else
    {
        document.getElementById('dataset_chk_show_label').style.visibility = "";
        document.getElementById('dataset_chk_show_label_txt').style.visibility = "";
    }
    
    //默认不显示标注
    g_b_show_img_labels = false;
    document.getElementById('dataset_chk_show_label').checked = false;
    
    //刷新标签
    add_labels_to_table(lst_labels, lst_files);
    
    //加载预览图片
    g_current_dataset_lable_name = lst_labels[0];
    load_labels_imgs(lst_labels[0],g_current_dataset_page);
    
    //刷新翻页按纽
    refresh_dataset_page_buttons();
    
    
    on_win_browse_dataset.style.display = "block";
    over_win_browse_dataset.style.display = "block";
}

//关闭浏览数据集
function hide_browse_dataset_win_modal(obj)
{
    //当前页重置
    g_current_dataset_page = 1;
    
    var on_win_browse_dataset = document.getElementById('win_browse_dataset');
    var over_win_browse_dataset = document.getElementById('win_browse_dataset_over');
    document.getElementById('browse_dataset_id').value = "";
    
    on_win_browse_dataset.style.display = "none";
    over_win_browse_dataset.style.display = "none";
}

//双击放大图像
function zoom_image(obj)
{
    if(obj.src != "")
    {
        document.getElementById('dataset_browse_img').src = obj.src;
        var on_win_browse_img = document.getElementById('win_browse_img');
        var over_win_browse_img = document.getElementById('win_browse_img_over');
    
        on_win_browse_img.style.display = "block";
        over_win_browse_img.style.display = "block";
    }
}

//关闭放大预览图片窗口
function hide_zoom_img(obj)
{
    var on_win_browse_img = document.getElementById('win_browse_img');
    var over_win_browse_img = document.getElementById('win_browse_img_over');
    
    on_win_browse_img.style.display = "none";
    over_win_browse_img.style.display = "none";
}

//关闭日志查看窗口
function hide_log_win(obj)
{
    var on_win_view_log = document.getElementById('win_view_log');
    var over_win_view_log = document.getElementById('win_view_log_over');
    
    on_win_view_log.style.display = "none";
    on_win_view_log.style.display = "none";
}

//上一页
function dataset_pre_page()
{
    g_current_dataset_page = g_current_dataset_page - 1;
    if(g_current_dataset_page <= 0)
    {
        g_current_dataset_page = 1;
    }
    
    load_labels_imgs(g_current_dataset_lable_name, g_current_dataset_page);
    
    refresh_dataset_page_buttons()
}

//下一页
function dataset_next_page()
{
    g_current_dataset_page = g_current_dataset_page + 1;
    
    //是否大于最大页
    if(g_current_dataset_page * g_const_imgs_per_page > g_dataset_files[g_current_dataset_lable_name].length + 2)
    {
        g_current_dataset_page = g_current_dataset_page - 1;
    }
    
    load_labels_imgs(g_current_dataset_lable_name, g_current_dataset_page);
    
    refresh_dataset_page_buttons()
}

//显示标注
function show_dataset_labels()
{
    g_b_show_img_labels = !g_b_show_img_labels;
    load_labels_imgs(g_current_dataset_lable_name, g_current_dataset_page);
}

//根据任务状态更新任务信息UI
function update_task_detail_info_ui(str_view_task_id, b_get_task_parms = false)
{
    //获取任务信息，刷新任务窗口
    var http_request = new XMLHttpRequest();
    http_request.open("GET", str_srv_url + "/project/task?tid=" + str_view_task_id, false);
    http_request.send(null);
    
    var obj_json = eval('(' + http_request.responseText + ')'); 
    var str_task_msg = obj_json["message"];
    var str_task_status = obj_json["task_status"];
    
    var running_duration = "NA";
    var progress_bar_value = 0;
    var str_view_task_status_text = "任务初始化";
    var str_task_next_button_lable = "关闭"
    var obj_task_next_button = document.getElementById('btn_next_task_info');
    //停止任务按纽
    var obj_stop_task_div = document.getElementById('div_btn_stop_task');
    var b_show_stop_task_btn = false;
    
    if (str_task_status == TaskStatus.XINIT)
    {
        str_view_task_status_text = "任务初始化";
    }    
    else if (str_task_status == TaskStatus.XTRAINFAIL)
    {
        str_view_task_status_text = "任务训练失败";
        
        str_task_next_button_lable = "查看错误日志";
    }
    else if (str_task_status == TaskStatus.XTRAINDONE)
    {
        str_view_task_status_text = "任务训练完成";
        progress_bar_value = 100;
        str_task_msg = "任务训练完成，请进行模型评估或者导出模型";
        
        //取消按纽更新为评估&导出模型
        str_task_next_button_lable = "评估&导出模型";
    }  
    else if (str_task_status == TaskStatus.XTRAINING)
    {
        str_view_task_status_text = "任务训练中";
        b_show_stop_task_btn = true;
        
        //获取任务参数
        if(b_get_task_parms == true)
        {
            var train_parms_http_request = new XMLHttpRequest();
            train_parms_http_request.open("GET", str_srv_url + "/project/task/params?tid=" + str_view_task_id, false);
            train_parms_http_request.send(null);
            var obj_parms_json = eval('(' + train_parms_http_request.responseText + ')');
            g_train_task_parms = obj_parms_json["train"];
        }
        
        //获取训练状态
        var train_http_request = new XMLHttpRequest();
        train_http_request.open("GET", str_srv_url + "/project/task/metrics?tid=" + str_view_task_id + "&type=train", false);
        train_http_request.send(null);
        str_task_msg = train_http_request.responseText;
        try
        {
            var obj_train_msg_json = eval('(' + str_task_msg + ')');
            var dic_train_log_metric = obj_train_msg_json["train_log"]["train_metrics"];
            running_duration = obj_train_msg_json["train_log"]["running_duration"];
            var curr_epoc = dic_train_log_metric["Epoch"];
            var curr_step = dic_train_log_metric["Step"];
            var curr_acc1 = dic_train_log_metric["acc1"];
            var curr_acc5 = dic_train_log_metric["acc5"];
            var curr_loss = dic_train_log_metric["loss"];
            var curr_lr = dic_train_log_metric["lr"];
        
            //计算进度
            var cur_progress = parseInt((parseInt(curr_epoc)-1)/parseInt(g_train_task_parms["num_epochs"]) * 100);
            if(cur_progress > 100)
                cur_progress = 100;
            
            progress_bar_value = cur_progress;
        }
        catch(err)
        {
            str_view_task_status_text = "任务训练中（启动训练中）";
            progress_bar_value = 0;
            str_task_msg = "任务训练中（启动训练中），请稍等...";
        }
        
        //启动定时器，用于定时刷新任务状态
        if(b_get_task_parms)
        {
            
            g_instance_refresh_clock = self.setInterval("refresh_task_detail_info_win()",1000);
        }
    }
    else if (str_task_status == TaskStatus.XEXPORTING)
    {
        str_view_task_status_text = "任务训练完成（模型导出中）";
        progress_bar_value = 100;
        str_task_msg = "任务训练完成（模型导出中），可以重新进行模型评估或者导出模型";
        
        //取消按纽更新为评估&导出模型
        str_task_next_button_lable = "评估&导出模型";
    } 
    else if (str_task_status == TaskStatus.XEXPORTED)
    {
        str_view_task_status_text = "任务训练完成（模型已导出）";
        progress_bar_value = 100;
        str_task_msg = "任务训练完成（模型已导出），可以重新进行模型评估或者导出模型";
        
        //取消按纽更新为评估&导出模型
        str_task_next_button_lable = "评估&导出模型";
    }
    else if (str_task_status == TaskStatus.XTRAINEXIT)
    {
        str_view_task_status_text = "任务已中止";
        progress_bar_value = 0;
        str_task_msg = "任务已中止，可以重新启动模型训练";
        
        //取消按纽更新为评估&导出模型
        str_task_next_button_lable = "继续训练";
    }
    
    var obj_view_task_status_text = document.getElementById('task_detail_status_text');
    obj_view_task_status_text.value = str_view_task_status_text;
    
    var obj_view_task_log_text = document.getElementById('task_detail_log_text');
    obj_view_task_log_text.value = str_task_msg;  

    var obj_view_task_running_duration_text = document.getElementById('task_detail_running_duration_text');
    obj_view_task_running_duration_text.value = running_duration;
    
    //进度条
    var obj_view_task_status_progress_value = document.getElementById('task_detail_status_progress_bar_value');
    obj_view_task_status_progress_value.style = "width: " + progress_bar_value + "%;";
    var obj_view_task_status_progress_bar = document.getElementById('task_detail_status_progress_bar');
    obj_view_task_status_progress_value.innerText = progress_bar_value + "%";
    
    //按纽标题
    obj_task_next_button.value = str_task_next_button_lable;
    //停止任务按纽显示
    if(b_show_stop_task_btn == true)
    {
        obj_stop_task_div.style.visibility = "";
    }
    else
    {
       obj_stop_task_div.style.visibility = "hidden";
    }
}

//显示任务运行状态窗口
function show_task_detail_info_win_modal(obj)
{
    var input_task_detail_id = document.getElementById('task_detail_id');
    input_task_detail_id.value = obj.id;
    
    //获取任务信息，刷新任务窗口
    var str_view_task_id = obj.id;
    
    update_task_detail_info_ui(str_view_task_id, true);
    
    var task_detail_info_win = document.getElementById('task_detail_info');
    var task_detail_info_win_over = document.getElementById('task_detail_info_over');  
    task_detail_info_win.style.display = "block";
    task_detail_info_win_over.style.display = "block";
}

//用于定时刷新任务运行状态窗口
function refresh_task_detail_info_win()
{
    var input_task_detail_id = document.getElementById('task_detail_id');
    var str_view_task_id = input_task_detail_id.value;
    
    update_task_detail_info_ui(str_view_task_id, false);
}

//关闭任务运行信息弹出窗口
function hide_task_detail_info_win_modal()
{
    var task_detail_info_win = document.getElementById('task_detail_info');
    var task_detail_info_win_over = document.getElementById('task_detail_info_over');
    var input_task_detail_id = document.getElementById('task_detail_id');
    
    task_detail_info_win.style.display = "none";
    task_detail_info_win_over.style.display = "none";
    input_task_detail_id.value = "";
    
    //关闭定时器
    g_instance_refresh_clock=window.clearInterval(g_instance_refresh_clock);
}

//模型训练结束下一步处理（模型评估&导出）
function task_next_step_process(obj)
{
    var str_btn_label = obj.value;
    if(str_btn_label == "关闭")
    {
        hide_task_detail_info_win_modal();
    }
    else if(str_btn_label == "查看错误日志")
    {
        var str_error_tid = document.getElementById('task_detail_id').value;
        var str_error_task_pid = document.getElementById('view_task_pid_' + str_error_tid).value;
        //日志路径
        var http_request = new XMLHttpRequest();
        http_request.open('GET', str_srv_url + "/workspace", false);
        http_request.send(null);
    
        var obj_json = eval('(' + http_request.responseText + ')');
        var str_server_workspace_path = obj_json["dirname"];
        var str_error_log_path = str_server_workspace_path + "/projects/" + str_error_task_pid + "/" + str_error_tid + "/err.log";
        
        var str_error_info = get_log_file_from_server(str_error_log_path);
        
        //显示错误信息
        document.getElementById('view_log_text').value = str_error_info;
        var on_win_view_log = document.getElementById('win_view_log');
        var over_win_view_log = document.getElementById('win_view_log_over');
    
        on_win_view_log.style.display = "block";
        on_win_view_log.style.display = "block";
    }
    else if(str_btn_label == "评估&导出模型")
    {
        //启动模型评估
        show_evaluate_export_win_modal(obj);
        //隐藏原来窗口
        hide_task_detail_info_win_modal();  
    }
    else if(str_btn_label == "继续训练")
    {
        //重新启动模型训练
        var str_start_tid = "";
        var obj_start_task_id_input = document.getElementById('task_detail_id');
        str_start_tid = obj_start_task_id_input.value;
        
        start_task(str_start_tid);
        
        load_tasks();
        //隐藏原来窗口
        hide_task_detail_info_win_modal();  
    }
}

//打开VDL链接
function open_task_vdl_window()
{
    var input_task_detail_id = document.getElementById('task_detail_id');
    var str_view_task_id = input_task_detail_id.value;
    
    var http_request;
    if (window.XMLHttpRequest)
    {
        http_request=new XMLHttpRequest();
    }
    else
    {
        http_request=new ActiveXObject("Microsoft.XMLHTTP");
    } 
    http_request.onreadystatechange=function()
    {
        if (http_request.readyState==4)
        {
            if (http_request.status==200)
            {
                //获取URL并打开
                str_json = http_request.responseText;
                var obj_json = eval('(' + str_json + ')');
                var str_vdl_url = obj_json["url"];
                //alert(str_vdl_url);
                window.open("http://" + str_vdl_url);
            }
            else
            {
                alert("打开失败，请检查服务器配置\n" + http_request.responseText);
            }
        }
    }

    http_request.open("GET", str_srv_url + "/project/task/vdl?tid=" + str_view_task_id, true);
    http_request.send(null);  
}

//关闭评估&导出模型弹出窗口
function hide_evaluate_export_win_modal(obj)
{
    var obj_evaluate_export_task_project_id = document.getElementById('evaluate_export_task_project_id');
    obj_evaluate_export_task_project_id.value = "";
    
    var on_win_evaluate_export_model = document.getElementById('input_win_evaluate_export_model');
    var over_win_evaluate_export_model = document.getElementById('input_win_evaluate_export_model_over');
    on_win_evaluate_export_model.style.display = "none";
    over_win_evaluate_export_model.style.display = "none";
}

//显示评估&导出模型弹出窗口
function show_evaluate_export_win_modal(obj)
{
    var obj_detail_task_id = document.getElementById('task_detail_id');
    var obj_export_task_id = document.getElementById('evaluate_export_task_id');
    obj_export_task_id.value = obj_detail_task_id.value;
    
    if(null == obj_export_task_id.value || 'undefined' == typeof(obj_export_task_id.value) || '' == obj_export_task_id.value)
    {
        obj_export_task_id.value = obj.id;
    }
    
    //初始化路径(workspace/projects/TXXX/export_model)
    var http_request = new XMLHttpRequest();
    http_request.open('GET', str_srv_url + "/workspace", false);
    http_request.send(null);
    
    var obj_json = eval('(' + http_request.responseText + ')');
    var str_init_model_save_path = obj_json["dirname"];
    
    var str_obj_task_prj_key = "view_task_pid_" + obj_export_task_id.value;
    var obj_project_id = document.getElementById(str_obj_task_prj_key);
    var str_project_id = obj_project_id.value;
    
    var obj_evaluate_export_task_project_id = document.getElementById('evaluate_export_task_project_id');
    obj_evaluate_export_task_project_id.value = str_project_id;
    
    var obj_model_save_path = document.getElementById('export_model_path_text');
    obj_model_save_path.value = str_init_model_save_path + "/projects/" + str_project_id + "/" + obj_export_task_id.value + "/export_model";
    
    var on_win_evaluate_export_model = document.getElementById('input_win_evaluate_export_model');
    var over_win_evaluate_export_model = document.getElementById('input_win_evaluate_export_model_over');
    on_win_evaluate_export_model.style.display = "block";
    over_win_evaluate_export_model.style.display = "block";
}

//评估任务
function evaluate_task(obj)
{
    var obj_evaluate_task_id = document.getElementById('evaluate_export_task_id');
    var str_evaluate_task_id = obj_evaluate_task_id.value;

    //启动评估
    var http_request;
    if (window.XMLHttpRequest)
    {
        http_request=new XMLHttpRequest();
    }
    else
    {
        http_request=new ActiveXObject("Microsoft.XMLHTTP");
    } 
    http_request.onreadystatechange=function()
    {
        if (http_request.readyState==4)
        {
            if (http_request.status==200)
            {
                //查看评估报告
                http_request.open("GET", str_srv_url + "/project/task/evaluate?tid=" + str_evaluate_task_id, false);
                http_request.send(null);
                alert("评估完成，评估结果：\n" + http_request.responseText);
            }
            else
            {
                alert("评估失败，请检查服务器配置\n" + http_request.responseText);
            }
        }
    }

    var data = {"tid":str_evaluate_task_id,"epoch":null,"topk":5,'score_thresh':null, 'overlap_thresh':null};
    http_request.open("POST", str_srv_url + "/project/task/evaluate", true);
    http_request.setRequestHeader("Content-type","application/json");
    http_request.send(JSON.stringify(data));
}

//导出任务模型
function export_model(obj)
{
    //任务id
    var obj_export_task_id = document.getElementById('evaluate_export_task_id');
    var str_export_task_id = obj_export_task_id.value;
    
    //导出路径
    var str_model_save_path = "";
    var obj_model_save_path = document.getElementById('export_model_path_text');
    str_model_save_path = obj_model_save_path.value;
    
    var http_request;
    if (window.XMLHttpRequest)
    {
        http_request=new XMLHttpRequest();
    }
    else
    {
        http_request=new ActiveXObject("Microsoft.XMLHTTP");
    } 
    http_request.onreadystatechange=function()
    {
        if (http_request.readyState==4)
        {
            if (http_request.status==200)
            {
                //获取URL并打开
                alert("导出成功! 模型保存路径：" + str_model_save_path);
                //追加到导出模型列表
                var str_project_id = "";
                var obj_task_project_id = document.getElementById('evaluate_export_task_project_id');
                str_project_id = obj_task_project_id.value;
                
                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":{}};
                var model_http_request = new XMLHttpRequest();
                model_http_request.open("POST", str_srv_url + "/model", false);
                model_http_request.setRequestHeader("Content-type","application/json");
                model_http_request.send(JSON.stringify(model_data));
            }
            else
            {
                alert("导出失败，请检查服务器配置\n" + http_request.responseText);
            }
        }
    }

    var data = {"tid":str_export_task_id,"type":"infer","save_dir":str_model_save_path,'quant': false, 'epoch':5};
    http_request.open("POST", str_srv_url + "/project/task/export", true);
    http_request.setRequestHeader("Content-type","application/json");
    http_request.send(JSON.stringify(data));
}

//联系方式
function contact_us()
{
    alert("PaddleX QQ群：1045148026");
}

//刷新按纽
function refresh_contents(obj)
{
     if(obj.value == "刷新项目信息")
         load_projects(obj);
     else if (obj.value == "刷新数据集信息")
         load_datasets(obj);
     else if (obj.value == "刷新所有任务信息")
         load_tasks(obj);
     else if (obj.value == "刷新项目任务信息")
     {
         load_project_tasks(g_view_project_task_id);
     }
     else if (obj.value == "刷新模型信息")
         load_models(obj);
     else
         load_projects(obj);
}

//项目对象右键弹出菜单
function show_project_popupmenu(obj)
{
    var obj_project_id = document.getElementById('popup_menu_project_id');
    obj_project_id.value = obj.id;

    var menu = document.getElementById('popupmenu_project');  
    menu.style.display = 'block';
    menu.style.left =  document.documentElement.scrollLeft + document.body.scrollLeft+ window.event.clientX + 'px';
    menu.style.top = document.documentElement.scrollTop + document.body.scrollTop+ window.event.clientY + 'px';
    window.event.returnValue=false;
    window.event.cancelBubble=true;
    window.event.preventDafault();
    window.event.stopPropagation();
    return false;
}

//数据集对象右键弹出菜单
function show_dataset_popupmenu(obj)
{
    var obj_dataset_id = document.getElementById('popup_menu_dataset_id');
    obj_dataset_id.value = obj.id;
    var menu = document.getElementById('popupmenu_dataset');  
    menu.style.display = 'block';
    menu.style.left =  document.documentElement.scrollLeft + document.body.scrollLeft+ window.event.clientX + 'px';
    menu.style.top = document.documentElement.scrollTop + document.body.scrollTop+ window.event.clientY + 'px';
    window.event.returnValue=false;
    window.event.cancelBubble=true;
    window.event.preventDafault();
    window.event.stopPropagation();
    return false;
}

//任务对象右键弹出菜单
function show_task_popupmenu(obj)
{
    var obj_task_id = document.getElementById('popup_menu_task_id');
    obj_task_id.value = obj.id;
    var menu = document.getElementById('popupmenu_task');
    menu.style.display = 'block';
    menu.style.left =  document.documentElement.scrollLeft + document.body.scrollLeft+ window.event.clientX + 'px';
    menu.style.top = document.documentElement.scrollTop + document.body.scrollTop+ window.event.clientY + 'px';
    window.event.returnValue=false;
    window.event.cancelBubble=true;
    window.event.preventDafault();
    window.event.stopPropagation();
    return false;
}

//任务对象右键弹出菜单
function show_models_popupmenu(obj)
{
    var obj_model_id = document.getElementById('popup_menu_model_id');
    obj_model_id.value = obj.id;
    var menu = document.getElementById('popupmenu_model');  
    menu.style.display = 'block';
    menu.style.left =  document.documentElement.scrollLeft + document.body.scrollLeft+ window.event.clientX + 'px';
    menu.style.top = document.documentElement.scrollTop + document.body.scrollTop+ window.event.clientY + 'px';
    window.event.returnValue=false;
    window.event.cancelBubble=true;
    window.event.preventDafault();
    window.event.stopPropagation();
    return false;
}

//隐藏右键菜单
document.onclick = function()
{
    var menu = document.getElementById('popupmenu_project');
    menu.style.display = 'none';
    var obj_project_id = document.getElementById('popup_menu_project_id');
    obj_project_id.value = "";
    
    menu = document.getElementById('popupmenu_dataset');
    menu.style.display = 'none';
    var obj_dataset_id = document.getElementById('popup_menu_dataset_id');
    obj_dataset_id.value = "";
    
    menu = document.getElementById('popupmenu_task');
    menu.style.display = 'none';
    var obj_task_id = document.getElementById('popup_menu_task_id');
    obj_task_id.value = ""; 

    menu = document.getElementById('popupmenu_model');
    menu.style.display = 'none';
    var obj_model_id = document.getElementById('popup_menu_model_id');
    obj_model_id.value = "";
}

//PaddleX RestfulAPI Demo Code
//设置远端服务器地址
function set_server_addr(input_data)
{
    var input_srv_url = document.getElementById('server_url_text');
    str_srv_url = input_srv_url.value;
    
    var last_pos = str_srv_url.length - 1;
    var last_char = str_srv_url.charAt(last_pos);
    
    if(last_char == '/')
    {
        str_srv_url = str_srv_url.substring(0, (str_srv_url.length - 1));
    }
    
    var http_request = new XMLHttpRequest();
    http_request.onreadystatechange=function()
    {
        
        if (http_request.readyState==4)
        {
            if (http_request.status==200)
            {
                 str_json = http_request.responseText;
                 var obj_json = eval('(' + str_json + ')');
                 var str_workspace_dir = obj_json["dirname"];
                 alert("设置成功！\n服务器地址：" + str_srv_url + "\n服务器工作区路径：" + str_workspace_dir); 	   
                 
                 hide_server_info(null);
                 load_projects();
            }
            else
           {
                alert("设置失败，服务器连接失败，请检查服务器地址是否正确！" + http_request.responseText)
            }
        }
    }

    http_request.open('GET', str_srv_url + "/workspace", true);
    http_request.send(null);
}

//获取工作区所有项目信息
function load_projects()
{
    var http_request;
    if (window.XMLHttpRequest)
    {
        http_request=new XMLHttpRequest();
    }
    else
    {
        http_request=new ActiveXObject("Microsoft.XMLHTTP");
    } 
    http_request.onreadystatechange=function()
    {
        if(http_request.readyState==4 && http_request.status==200)
        {
            //更新表格内容
            fill_table_contents(http_request.responseText, "project");
        }
        else
        {
            fill_table_with_error();
        }
    }
    http_request.open("GET",str_srv_url + "/project",true);
    http_request.send(null);
}

//创建项目
function create_project(input_data)
{
    var input_prj_name = document.getElementById('project_name_text');
    var input_prj_type = document.getElementById('project_type_text');
    var input_prj_desc = document.getElementById('project_desc_text');
    var input_prj_dataset = document.getElementById('create_project_dataset_id_text');
    
    var str_prj_name = input_prj_name.value;
    var str_prj_type = input_prj_type.value;
    var str_prj_desc = input_prj_desc.value;
    var str_prj_dataset_id = input_prj_dataset.value;
    
    if(str_prj_name == "")
    {
        alert("请输入项目名称");
        return;
    }
    
    if(str_prj_dataset_id == 0)
    {
        alert("请选择项目对应数据集或者创建数据集");
        return;
    }
    
    var http_request = new XMLHttpRequest();
    http_request.onreadystatechange=function()
    {
        if (http_request.readyState==4)
        {
            if (http_request.status==200)
            {
                 str_json = http_request.responseText;
                 alert("项目创建成功！\n" + str_json);
                 var obj_json = eval('(' + str_json + ')');
                 var str_new_pid = obj_json["pid"];
                 
                 //绑定数据集
                 var attr_dict = {'did': str_prj_dataset_id};
                 var bind_params = {'struct': 'project', 'id': str_new_pid, 'attr_dict': attr_dict}
                 var bind_http_request = new XMLHttpRequest();
                 bind_http_request.open("PUT", str_srv_url + "/workspace", false);
                 bind_http_request.setRequestHeader("Content-type","application/json");
                 bind_http_request.send(JSON.stringify(bind_params));
                 
                 hide_create_prj_win_modal();
                 load_projects();
            }
            else
            {
              alert("项目创建失败，请检查服务器配置" + http_request.responseText);
            }
        }
    }

  
    var data = {"name":str_prj_name,"desc":str_prj_desc,"project_type":str_prj_type};
    http_request.open("POST", str_srv_url + "/project", true);
    http_request.setRequestHeader("Content-type","application/json");
    http_request.send(JSON.stringify(data));
}

//查看一个项目
function show_project(data)
{
    g_view_project_task_id = data.id;
    g_view_project_task_type = document.getElementById("view_project_type_" + g_view_project_task_id).value;
    
    //查看项目下的任务
    load_project_tasks(data.id);
}

//获取工作区所有数据集信息
function load_datasets()
{
    var http_request;
    if (window.XMLHttpRequest)
    {
        http_request=new XMLHttpRequest();
    }
    else
    {
        http_request=new ActiveXObject("Microsoft.XMLHTTP");
    } 
    http_request.onreadystatechange=function()
    {
        if(http_request.readyState==4 && http_request.status==200)
        {
            //更新表格内容
            fill_table_contents(http_request.responseText, "dataset");
        }
        else
        {
            fill_table_with_error();
        }
    }
    http_request.open("GET",str_srv_url + "/dataset",false);
    http_request.send(null);
}

//获取所有任务信息
function load_tasks()
{
    document.getElementById("btn_refresh").value = "刷新所有任务信息";
    document.getElementById("table_create_new").style.display = "none";
    
    var http_request;
    if (window.XMLHttpRequest)
    {
        http_request=new XMLHttpRequest();
    }
    else
    {
        http_request=new ActiveXObject("Microsoft.XMLHTTP");
    }
    http_request.onreadystatechange=function()
    {
        if(http_request.readyState==4 && http_request.status==200)
        {
            //更新表格内容
            fill_table_contents(http_request.responseText, "task");
        }
        else
        {
            fill_table_with_error();
        }
    }
    http_request.open("GET",str_srv_url + "/project/task",false);
    http_request.send(null);
}

//获取项目下的任务
function load_project_tasks(str_project_id)
{
    document.getElementById("btn_refresh").value = "刷新项目任务信息";
    document.getElementById("table_create_new").style.display = "block";
    document.getElementById("btn_create_new").value = "新建任务";
    
    var http_request;
    if (window.XMLHttpRequest)
    {
        http_request=new XMLHttpRequest();
    }
    else
    {
        http_request=new ActiveXObject("Microsoft.XMLHTTP");
    } 
    http_request.onreadystatechange=function()
    {
        if(http_request.readyState==4 && http_request.status==200)
        {
            //更新表格内容
            fill_table_contents(http_request.responseText, "task");
        }
        else
        {
            fill_table_with_error();
        }
    }
    http_request.open("GET",str_srv_url + "/project/task?pid=" + str_project_id,false);
    http_request.send(null);
}

//创建数据集
function create_dataset(input_data)
{
    var http_request = new XMLHttpRequest();
    http_request.onreadystatechange=function()
    {
        if (http_request.readyState==4)
        {
            if (http_request.status==200)
            {
                 alert("数据集创建成功！\n" + http_request.responseText);
                 hide_create_dataset_win_modal();
                 load_datasets();
            }
            else
            {
                alert("数据集创建失败，请检查服务器配置" + http_request.responseText);
            }
        }
    }
    var input_dataset_name = document.getElementById('dataset_name_text');
    var input_dataset_type = document.getElementById('dataset_type_text');
    var input_dataset_desc = document.getElementById('dataset_desc_text');
    
    var str_dataset_name = input_dataset_name.value;
    var str_dataset_type = input_dataset_type.value;
    var str_dataset_desc = input_dataset_desc.value;
    
    if(str_dataset_name == "")
    {
        alert("请输入数据集名称");
        return;
    }
    
    var data = {"name":str_dataset_name,"desc":str_dataset_desc,"dataset_type":str_dataset_type};
    
    http_request.open("POST", str_srv_url + "/dataset", true);
    http_request.setRequestHeader("Content-type","application/json");
    http_request.send(JSON.stringify(data));
}

//导入数据集
function import_dataset(obj)
{
    var http_request = new XMLHttpRequest();
    http_request.onreadystatechange=function()
    {
        if (http_request.readyState==4)
        {
            if (http_request.status==200)
            {
                 alert("数据集导入成功！\n" + http_request.responseText);
                 hide_import_dataset_win_modal(obj);
                 load_datasets();
            }
            else
            {
                alert("数据集导入失败，请检查服务器配置" + http_request.responseText);
            }
        }
    }
    
    var obj_import_dataset_id = document.getElementById('import_dataset_id');
    str_import_dataset_id = obj_import_dataset_id.value;
    
    var input_dataset_path = document.getElementById('import_dataset_path_text');

    var str_dataset_path = input_dataset_path.value;
    
    if(str_dataset_path == "")
    {
        alert("请输入数据集路径");
        return;
    }
    
    var data = {"did":str_import_dataset_id,"path":str_dataset_path};

    http_request.open("PUT", str_srv_url + "/dataset", true);
    http_request.setRequestHeader("Content-type","application/json");
    http_request.send(JSON.stringify(data));
}

//切分数据集
function split_dataset(obj)
{
    var http_request = new XMLHttpRequest();
    http_request.onreadystatechange=function()
    {
        if (http_request.readyState==4)
        {
            if (http_request.status==200)
            {
                 alert("数据集切分成功!\n" + http_request.responseText);
                 hide_split_dataset_win_modal(obj);
                 load_datasets();
            }
            else
            {
                alert("数据集切分失败，请检查服务器配置" + http_request.responseText);
            }
        }
    }
    
    var obj_split_dataset_id = document.getElementById('split_dataset_id');
    var str_split_dataset_id = obj_split_dataset_id.value;

    var obj_split_dataset_var_percent = document.getElementById('split_dataset_val_percent');
    var val_split = obj_split_dataset_var_percent.value/100;
    
    var obj_split_dataset_test_percent = document.getElementById('split_dataset_test_percent');
    var test_split = obj_split_dataset_test_percent.value/100;
    
    var data = {"did":str_split_dataset_id, "val_split":val_split, "test_split":test_split};

    alert(JSON.stringify(data));
    
    http_request.open("PUT", str_srv_url + "/dataset/split", true);
    http_request.setRequestHeader("Content-type","application/json");
    http_request.send(JSON.stringify(data));
}

//获取所有导出模型
function load_models()
{
    var http_request;
    if (window.XMLHttpRequest)
    {
        http_request=new XMLHttpRequest();
    }
    else
    {
        http_request=new ActiveXObject("Microsoft.XMLHTTP");
    } 
    http_request.onreadystatechange=function()
    {
        if(http_request.readyState==4 && http_request.status==200)
        {
            //更新表格内容
            fill_table_contents(http_request.responseText, "models");
        }
        else
        {
            fill_table_with_error();
        }
    }
    http_request.open("GET",str_srv_url + "/model?type=exported",false);
    http_request.send(null);
}

//填充对象信息到表格(项目/数据集/任务/模型)
function fill_table_contents(list_contents, type = "project")
{
    if(type == "project")
    {
        document.getElementById("btn_refresh").value = "刷新项目信息";
        document.getElementById("table_create_new").style.display = "block";
        document.getElementById("btn_create_new").value = "新建项目";
    
        rows = table_contents.rows.length;
        for (i=0;i<rows;i++) 
        { 
            table_contents.deleteRow(i); 
            rows=rows-1; 
            i=i-1; 
        }

        rows = table_contents.rows.length;
        var newTr=table_contents.insertRow(rows);
        var str_json = eval('(' + list_contents + ')');
        var obj_prjs = str_json["projects"];
        count_prj = Object.keys(obj_prjs).length;
        col_count = 1;

        //项目为空
        if(count_prj <= 0)
        {
            var newTd0=newTr.insertCell();
            var str_html = "<div id=\"draw-border\"><view_item id=\"btn_create\" onclick=\"show_create_project_win_modal(this)\" style=\"width: 240px; height: 90px; align: center\">"
            str_html = str_html + "<br><font color=\"blue\">暂无项目，点击创建新项目</font>";
  
            str_html = str_html + "</view_item></div>";
            newTd0.innerHTML = str_html;
            return;
        }

        for(var p in obj_prjs)
        {
            str_id = obj_prjs[p].id;
            str_attr = obj_prjs[p].attr;
            str_name = str_attr["name"];
            str_desc = str_attr["desc"];
            str_type = str_attr["type"];
            str_crttime = str_attr["create_time"];

            var newTd0=newTr.insertCell();
            var str_html = "";
  
            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 + "\">";
            str_html = str_html + "项目名称：" + str_name + " (" + str_id + ")" + "<br>";
            
            if(str_type == "classification")
                str_type_view = "<font color=\"green\">图像分类</font>";
            else if(str_type == "detection")
                str_type_view = "<font color=\"purple\">目标检测</font>";
            else if(str_type == "instance_segmentation")
                str_type_view = "<font color=\"orange\">实例分割</font>";
            else if(str_type == "segmentation")
                str_type_view = "<font color=\"red\">语义分割</font>";
                
            //如下所示，后续如果要获取对象数据，可以在此处放hidden input，后续再通过id获取
            str_html = str_html + "项目类型：" + str_type_view + "<br>" + "<input type=\"hidden\" id=\"view_project_type_" + str_id + "\" value=\"" + str_type + "\">";
            str_html = str_html + "项目描述：" + str_desc + "<br><br><br>";
            str_html = str_html + "创建时间：" + str_crttime + "<br>";
            str_html = str_html + "</view_item></div>";
            newTd0.innerHTML = str_html;
      
            if(col_count == 5)
            {
                rows = table_contents.rows.length;
                newTr=table_contents.insertRow(rows);
                col_count = 1;
            }
            else
            {
                col_count = col_count + 1;
            }
        }
    }
    else if(type == "dataset")
    {
        document.getElementById("btn_refresh").value = "刷新数据集信息";
        document.getElementById("table_create_new").style.display = "block";
        document.getElementById("btn_create_new").value = "新建数据集";
    
        rows = table_contents.rows.length;
        for (i=0;i<rows;i++) 
        { 
            table_contents.deleteRow(i); 
            rows=rows-1; 
            i=i-1; 
        }

        rows = table_contents.rows.length;
        var newTr=table_contents.insertRow(rows);
        var str_json = eval('(' + list_contents + ')');
        var obj_datasets = str_json["datasets"];
        count_datasets = Object.keys(obj_datasets).length;
        col_count = 1;

        //数据集为空
        if(count_datasets <= 0)
        {
            var newTd0=newTr.insertCell();
            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\">"
            str_html = str_html + "<br><font color=\"blue\">暂无数据集，点击创建数据集</font>";

            str_html = str_html + "</view_item></div>";
            newTd0.innerHTML = str_html;
            return;
        }

        for(var p in obj_datasets)
        {
            str_id = obj_datasets[p].id;
            str_attr = obj_datasets[p].attr;
            str_name = str_attr["name"];
            str_desc = str_attr["desc"];
            str_type = str_attr["type"];
            str_crttime = str_attr["create_time"];
            str_status = str_attr["dataset_status"];
            str_dataset_path = str_attr["path"];

            //增加状态显示以及对应的操作
            var view_status_str = "未导入";
            var str_function = "void";
            if (str_status == DatasetStatus.XEMPTY)
            {
                view_status_str = "未导入";
                str_function = "show_import_dataset_win_modal";
            }
            else if (str_status == DatasetStatus.XCHECKING)
            {
                view_status_str = "校验中";
            }
            else if (str_status == DatasetStatus.XCHECKFAIL)
            {
                view_status_str = "校验失败";
                str_function = "show_import_dataset_win_modal";
            }
            else if (str_status == DatasetStatus.XCOPYING)
            {
                view_status_str = "导入中";
            }
            else if (str_status == DatasetStatus.XCOPYDONE)
            {
            	  view_status_str = "已校验&未切分";
            	  str_function = "show_split_dataset_win_modal";
            }
            else if (str_status == DatasetStatus.XSPLITED)
            {
                view_status_str = "已校验&已切分";
                str_function = "show_browse_dataset_win_modal";
            }
            else if (str_status == DatasetStatus.XCOPYFAIL)
            {
                view_status_str = "导入失败";
                str_function = "show_import_dataset_win_modal";
            }

	          var newTd0=newTr.insertCell();
            var str_html = "";
  
            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);\">";
            
            str_html = str_html + "数据集名称：" + str_name + " (" + str_id + ")" + "<br>" + "<input type=\"hidden\" id=\"view_dataset_name_" + str_id + "\" value=\"" + str_name + "\">";
            
            if(str_type == "classification")
            {
                str_dataset_type = "图像分类";
                str_type_view = "<font color=\"green\">图像分类</font>";
            }
            else if(str_type == "detection")
            {
                str_dataset_type = "目标检测";
                str_type_view = "<font color=\"purple\">目标检测</font>";
            }
            else if(str_type == "instance_segmentation")
            {
                str_dataset_type = "实例分割";
                str_type_view = "<font color=\"orange\">实例分割</font>";
            }
            else if(str_type == "segmentation")
            {
                str_dataset_type = "语义分割";
                str_type_view = "<font color=\"red\">语义分割</font>";
            }
                
            //如果需要获取对象信息，可以在此增加hidden的input
            str_html = str_html + "数据集类型：" + str_type_view + "<br>" + "<input type=\"hidden\" id=\"view_dataset_type_" + str_id + "\" value=\"" + str_dataset_type + "\">";
            str_html = str_html + "数据集描述：" + str_desc + "<br><br>" + "<input type=\"hidden\" id=\"view_dataset_desc_" + str_id + "\" value=\"" + str_desc + "\">";
            str_html = str_html + "创建时间：" + str_crttime + "<br>" + "<input type=\"hidden\" id=\"view_dataset_path_" + str_id + "\" value=\"" + str_dataset_path + "\">";	                         
            
            str_html = str_html + "数据集状态：" + view_status_str + "<br>";
            str_html = str_html + "</view_item></div>";
            newTd0.innerHTML = str_html;
      
            if(col_count == 5)
            {
                rows = table_contents.rows.length;
                newTr=table_contents.insertRow(rows);
                col_count = 1;
            }
            else
            {
                col_count = col_count + 1;
            }
        }
    }
    else if(type == "task")
    {       
        rows = table_contents.rows.length;
        for (i=0;i<rows;i++) 
        { 
            table_contents.deleteRow(i); 
            rows=rows-1; 
            i=i-1; 
        }

        rows = table_contents.rows.length;
        var newTr=table_contents.insertRow(rows);
        var str_json = eval('(' + list_contents + ')');
        var obj_tasks = str_json["tasks"];
        count_tasks = Object.keys(obj_tasks).length;
        col_count = 1;

        //数据集为空
        if(count_tasks <= 0)
        {
            var newTd0=newTr.insertCell();
            var str_html = "";
            
            if(document.getElementById("btn_refresh").value == "刷新项目任务信息")
            {     
                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\">"
                str_html = str_html + "<br><font color=\"blue\">当前项目无训练任务，点击创建训练任务</font>";
                str_html = str_html + "</view_item></div>";
            }
            else
            {
                str_html = "<div id=\"draw-border\"><view_item id=\"btn_create\" onclick=\"javascript:void(this)\" style=\"width: 420px; height: 90px; align: center\">"
                str_html = str_html + "<br><font color=\"blue\">当前无训练任务，请先在对应项目中创建训练任务</font>";
                str_html = str_html + "</view_item></div>";
            }
            newTd0.innerHTML = str_html;
            return;
        }

        for(var p in obj_tasks)
        {
            str_id = obj_tasks[p].id;
            str_pid = obj_tasks[p].pid;
            str_name = obj_tasks[p].name;
            str_desc = obj_tasks[p].desc;
            str_path = obj_tasks[p].path;
            str_crttime = obj_tasks[p].create_time;
            str_status = obj_tasks[p].status;

            //增加状态显示以及对应的操作
            var view_status_str = "初始化";
            var str_function = "void";
            if (str_status == TaskStatus.XUNINIT)
            {
                view_status_str = "初始化";
                str_function = "show_init_task_win_modal";
            }
            else if (str_status == TaskStatus.XINIT)
            {
                view_status_str = "初始化";
                str_function = "show_init_task_win_modal";
            }
            else if (str_status == TaskStatus.XDOWNLOADING)
            {
                view_status_str = "下载预训练模型中";
                str_function = "show_task_detail_info_win_modal";
            }
            else if (str_status == TaskStatus.XTRAINING)
            {
                view_status_str = "训练中";
                str_function = "show_task_detail_info_win_modal";
            }
            else if (str_status == TaskStatus.XTRAINDONE)
            {
                view_status_str = "训练完成";
                str_function = "show_task_detail_info_win_modal";
            }
            else if (str_status == TaskStatus.XEVALUATED)
            {
                view_status_str = "评估完成";
                str_function = "show_evaluate_export_win_modal";
            }
            else if (str_status == TaskStatus.XEXPORTING)
            {
                view_status_str = "模型导出中";
                str_function = "show_task_detail_info_win_modal";
            }
            else if (str_status == TaskStatus.XEXPORTED)
            {
                view_status_str = "模型导出成功";
                str_function = "show_task_detail_info_win_modal";
            }
            else if (str_status == TaskStatus.XTRAINEXIT)
            {
                view_status_str = "任务中止";
                str_function = "show_task_detail_info_win_modal";
            }
            else if (str_status == TaskStatus.XDOWNLOADFAIL)
            {
                view_status_str = "预训练模型下载失败";
                str_function = "show_task_detail_info_win_modal";
            }
            else if (str_status == TaskStatus.XTRAINFAIL)
            {
                view_status_str = "任务运行失败";
                str_function = "show_task_detail_info_win_modal";
            }
            else if (str_status == TaskStatus.XEVALUATING)
            {
                view_status_str = "任务评估中";
                str_function = "show_evaluate_export_win_modal";
            }
            else if (str_status == TaskStatus.XEVALUATEFAIL)
            {
                view_status_str = "评估失败";
                str_function = "show_evaluate_export_win_modal";
            }
            else if (str_status == TaskStatus.XEXPORTFAIL)
            {
                view_status_str = "模型导出失败";
                str_function = "show_evaluate_export_win_modal";
            }
            else if (str_status == TaskStatus.XPRUNEING)
            {
                view_status_str = "裁剪分析中";
                //str_function = "show_task_detail_info_win_modal";
            }
            else if (str_status == TaskStatus.XPRUNETRAIN)
            {
                view_status_str = "裁剪训练中";
                //str_function = "show_task_detail_info_win_modal";
            }                              

            var newTd0=newTr.insertCell();
            var str_html = "";
            var str_type = "classification";
  
            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);\">";
            
            str_html = str_html + "任务ID：" + str_id + "<br>";
            
            if(str_type == "classification")
                str_type_view = "<font color=\"green\">图像分类</font>";
            else if(str_type == "detection")
                str_type_view = "<font color=\"purple\">目标检测</font>";
            else if(str_type == "instance_segmentation")
                str_type_view = "<font color=\"orange\">实例分割</font>";
            else if(str_type == "segmentation")
                str_type_view = "<font color=\"red\">语义分割</font>";
                
            //如果需要获取对象信息，可以在此增加hidden的input
            str_html = str_html + "任务类型：" + str_type_view + "<br>" + "<input type=\"hidden\" id=\"view_task_prj_type_" + str_id + "\" value=\"" + str_type + "\">"
            str_html = str_html + "所属项目：" + str_pid + "<br><br>" + "<input type=\"hidden\" id=\"view_task_pid_" + str_id + "\" value=\"" + str_pid + "\">";
            str_html = str_html + "创建时间：" + str_crttime + "<br>";
            
            str_html = str_html + "任务状态：" + view_status_str + "(" + str_status + ")" + "<br>";
            str_html = str_html + "</view_item></div>";
            newTd0.innerHTML = str_html;
      
            if(col_count == 5)
            {
                rows = table_contents.rows.length;
                newTr=table_contents.insertRow(rows);
                col_count = 1;
            }
            else
            {
                col_count = col_count + 1;
            }
        }
    }
    else if(type == "models")
    {
        document.getElementById("btn_refresh").value = "刷新模型信息";
        document.getElementById("table_create_new").style.display = "none";
    
        rows = table_contents.rows.length;
        for (i=0;i<rows;i++) 
        { 
            table_contents.deleteRow(i); 
            rows=rows-1; 
            i=i-1; 
        }

        rows = table_contents.rows.length;
        var newTr=table_contents.insertRow(rows);
        var str_json = eval('(' + list_contents + ')');
        var obj_models = str_json["exported_models"];
        count_models = Object.keys(obj_models).length;
        col_count = 1;

        //数据集为空
        if(count_models <= 0)
        {
            var newTd0=newTr.insertCell();
            var str_html = "<div id=\"draw-border\"><view_item id=\"btn_create\" onclick=\"javascript:void(this)\" style=\"width: 350px; height: 90px; align: center\">"
            str_html = str_html + "<br><font color=\"blue\">暂无模型，请先启动任务训练并导出模型</font>";

            str_html = str_html + "</view_item></div>";
            newTd0.innerHTML = str_html;
            return;
        }

        for(var p in obj_models)
        {
            str_id = obj_models[p].id;
            var str_model_name = obj_models[p].name;
            var str_model_view_type = "图像分类";
            var str_model_path = obj_models[p].path;
            var str_model = obj_models[p].model;
            var str_model_crttime = obj_models[p].create_time;
            var str_model_type = obj_models[p].type;
            var str_model_pid = obj_models[p].pid;
            var str_model_tid = obj_models[p].tid;

            var newTd0=newTr.insertCell();
            var str_html = "";
            
            if(str_model_type == "classification")
                str_model_view_type = "<font color=\"green\">图像分类</font>";
            else if(str_model_type == "detection")
                str_model_view_type = "<font color=\"purple\">目标检测</font>";
            else if(str_model_type == "instance_segmentation")
                str_model_view_type = "<font color=\"orange\">实例分割</font>";
            else if(str_model_type == "segmentation")
                str_model_view_type = "<font color=\"red\">语义分割</font>";
            
            var str_function = "view_model_detail_info";
  
            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);\">";
            
            str_html = str_html + "模型名称：" + str_model_name + " (" + str_id + ")" + "<br>";           
            str_html = str_html + "模型类型：" + str_model_view_type + "<br>";
            str_html = str_html + "网络结构：" + str_model + "<br>";
            str_html = str_html + "所属项目及任务：" + str_model_pid + "-" + str_model_tid + "<br>";
            
            //如果需要获取对象信息，可以在此增加hidden的input
            str_html = str_html + "模型路径： <font size=\"1\">" + str_model_path + "</font><br>";
            str_html = str_html + "导出时间：" + str_model_crttime + "<br>";

            str_html = str_html + "</view_item></div>";
            newTd0.innerHTML = str_html;
      
            if(col_count == 2)
            {
                rows = table_contents.rows.length;
                newTr=table_contents.insertRow(rows);
                col_count = 1;
            }
            else
            {
                col_count = col_count + 1;
            }
        }
    }
}

//错误信息提示
function fill_table_with_error()
{
    rows = table_contents.rows.length;
    for (i=0;i<rows;i++) 
    { 
        table_contents.deleteRow(i); 
        rows=rows-1; 
        i=i-1; 
    }

    rows = table_contents.rows.length;
    var newTr=table_contents.insertRow(rows);
    
    var newTd0=newTr.insertCell();
    var str_html = "<div id=\"draw-border\"><view_item id=\"btn_create\" onclick=\"show_server_info(this)\" style=\"width: 330px; height: 90px; align: center\">"
    str_html = str_html + "<br><font color=\"red\">连接服务器失败，点击设置服务器信息</font>";

    str_html = str_html + "</view_item></div>";
    newTd0.innerHTML = str_html;
}

//显示创建任务弹出窗口
function show_create_task_win_modal(obj)
{
    var obj_project_id = document.getElementById('popup_menu_project_id');
    var str_project_id = "";

    if(obj_project_id.value != "")
    {
        var input_create_task_prj_id = document.getElementById('create_task_project_id');
        input_create_task_prj_id.value = obj_project_id.value;
        str_project_id = obj_project_id.value;
    }
    else
    {
        var input_create_task_prj_id = document.getElementById('create_task_project_id');
        input_create_task_prj_id.value = g_view_project_task_id;
        str_project_id = g_view_project_task_id;
    }
    
    //创建任务时项目类型
    var str_task_type = "";
    try
    {
        str_task_type = document.getElementById("view_project_type_" + str_project_id).value;
    }
    catch(err)
    {
        str_task_type = g_view_project_task_type;
    }
    //取出默认参数
    var http_request = new XMLHttpRequest();
    http_request.open("GET", str_srv_url + "/project/task/params?pid=" + str_project_id, false);
    http_request.send(null);
    
    //填充参数到表格
    add_parms_to_table(http_request.responseText, str_task_type);
    
    //按纽
    var obj_btn = document.getElementById('btn_create_task');
    obj_btn.value = "创建并启动训练";
    
    var on_win_create_task = document.getElementById('input_win_create_task');
    var over_win_create_task = document.getElementById('input_win_create_task_over');
    
    on_win_create_task.style.display = "block";
    over_win_create_task.style.display = "block";
}

//隐藏创建任务弹出窗口
function hide_create_task_win_modal(obj)
{
    var on_win_create_task = document.getElementById('input_win_create_task');
    var over_win_create_task = document.getElementById('input_win_create_task_over');
    var input_create_task_prj_id = document.getElementById('create_task_project_id');
    
    on_win_create_task.style.display = "none";
    over_win_create_task.style.display = "none";
    input_create_task_prj_id.value = "";
}

//显示任务初始化参数及启动训练弹窗
function show_init_task_win_modal(obj)
{
    var str_view_task_id = obj.id;
    var str_obj_task_prj_key = "view_task_pid_" + obj.id;
    var obj_project_id = document.getElementById(str_obj_task_prj_key);
    var str_project_id = obj_project_id.value;
    
    //任务类型
    var str_task_type = document.getElementById("view_task_prj_type_" + str_view_task_id).value;
    
    //取出默认参数
    var http_request = new XMLHttpRequest();
    http_request.open("GET", str_srv_url + "/project/task/params?tid=" + str_view_task_id, false);
    http_request.send(null);
    
    //填充参数到表格
    add_parms_to_table(http_request.responseText, str_task_type);
    
    //tid赋值成obj.id
    var obj_init_task_input = document.getElementById('create_task_hidden_task_id');
    obj_init_task_input.value = obj.id;
    
    var obj_btn = document.getElementById('btn_create_task');
    obj_btn.value = "启动训练";
    
    var on_win_create_task = document.getElementById('input_win_create_task');
    var over_win_create_task = document.getElementById('input_win_create_task_over');
    
    on_win_create_task.style.display = "block";
    over_win_create_task.style.display = "block";
}

//增加所有参数到表格
function add_parms_to_table(str_parms, str_type = "classification")
{
    var obj_json = eval('(' + str_parms + ')');
    var obj_parms = obj_json["train"];
    g_train_task_parms = obj_parms;
    
    var rows = table_create_task.rows.length;
    for (i=0;i<rows;i++) 
    { 
        table_create_task.deleteRow(i); 
        rows=rows-1; 
        i=i-1; 
    }
    
    //根据模型类型增加参数
    var tr_bg_color_gen = "#D4FB79";
    var tr_bg_color_adv = "#FFFC79";
    var tr_bg_color_aug = "#76D6FF";
    var rows = table_create_task.rows.length;
    var newTr = table_create_task.insertRow(rows); 
    newTr.className = "parent_parm_row";
    newTr.id = "general_parm_row";
    newTr.onclick=function()
    {
        for (i=0; i < table_create_task.rows.length; i++)
        {
            var obj_tr = table_create_task.rows[i];
            if(obj_tr.className == "child_" + this.id)
            {
                if(obj_tr.style.display == "none")
                    obj_tr.style.display = "table-row";
                else
                    obj_tr.style.display = "none";
            }
        }
    }
    newTr.style.cursor="pointer";
    newTr.style.backgroundColor = tr_bg_color_gen;
    var newTd0=newTr.insertCell();
    newTd0.colSpan="2";
    newTd0.innerText="通用参数";
    
    //通用参数
    add_one_task_parm_to_table("model", "模型选择", g_train_task_parms["model"], newTr.id, "selection",str_type);
    
    //骨干网络
    if (g_train_task_parms.hasOwnProperty("backbone"))
    {
        add_one_task_parm_to_table("backbone", "骨干网络", g_train_task_parms["backbone"], newTr.id, "selection",str_type);
    }
    else
    {
        add_one_task_parm_to_table("backbone", "骨干网络", "", newTr.id, "selection",str_type);
    }
    
    add_one_task_parm_to_table("pretrain_weights", "预训练模型", g_train_task_parms["pretrain_weights"], newTr.id, "selection");
    add_one_task_parm_to_table("image_shape", "图像大小", g_train_task_parms["image_shape"], newTr.id);
    
    add_one_task_parm_to_table("num_epochs", "迭代轮数", g_train_task_parms["num_epochs"], newTr.id);
    add_one_task_parm_to_table("learning_rate", "学习率", g_train_task_parms["learning_rate"], newTr.id);
    add_one_task_parm_to_table("batch_size", "批大小", g_train_task_parms["batch_size"], newTr.id);
    
    add_one_task_parm_to_table("use_gpu", "是否使用GPU", "yes", newTr.id, "enable");
    
    //高级参数
    var rows = table_create_task.rows.length;
    var newTr = table_create_task.insertRow(rows); 
    newTr.className = "parent_parm_row";
    newTr.id = "advance_parm_row";
    newTr.onclick=function()
    {
        for (i=0; i < table_create_task.rows.length; i++)
        {
            var obj_tr = table_create_task.rows[i];
            if(obj_tr.className == "child_" + this.id)
            {
                if(obj_tr.style.display == "none")
                    obj_tr.style.display = "table-row";
                else
                    obj_tr.style.display = "none";
            }
        }
    }
    newTr.style.cursor="pointer";
    newTr.style.backgroundColor = tr_bg_color_adv;
    var newTd0=newTr.insertCell();
    newTd0.colSpan="2";
    newTd0.innerText="高级参数";
    
    add_one_task_parm_to_table("save_interval_epochs", "模型保存轮数", g_train_task_parms["save_interval_epochs"], newTr.id);
    add_one_task_parm_to_table("lr_policy", "学习率下降方法", g_train_task_parms["lr_policy"], newTr.id, "selection");
    add_one_task_parm_to_table("lr_decay_epochs", "学习率刷哀减轮数", g_train_task_parms["lr_decay_epochs"], newTr.id);
    
    add_one_task_parm_to_table("image_mean", "图像均值", g_train_task_parms["image_mean"], newTr.id);
    add_one_task_parm_to_table("image_std", "图像方差", g_train_task_parms["image_std"], newTr.id);
    
    //数据增强策略
    var rows = table_create_task.rows.length;
    var newTr = table_create_task.insertRow(rows); 
    newTr.className = "parent_parm_row";
    newTr.id = "augument_parm_row";
    newTr.onclick=function()
    {
        for (i=0; i < table_create_task.rows.length; i++)
        {
            var obj_tr = table_create_task.rows[i];
            if(obj_tr.className == "child_" + this.id)
            {
                if(obj_tr.style.display == "none")
                    obj_tr.style.display = "table-row";
                else
                    obj_tr.style.display = "none";
            }
        }
    }
    newTr.style.cursor="pointer";
    newTr.style.backgroundColor = tr_bg_color_aug;
    var newTd0=newTr.insertCell();
    newTd0.colSpan="2";
    newTd0.innerText="数据增强策略";

    add_one_task_parm_to_table("augument_enable", "随机亮度", "off", newTr.id, "switch");
    add_one_task_parm_to_table("augument_enable", "随机对比度", "off", newTr.id, "switch");
    add_one_task_parm_to_table("augument_enable", "随机水平翻转", "off", newTr.id, "switch");
    add_one_task_parm_to_table("augument_enable", "随机垂直翻转", "off", newTr.id, "switch");
    add_one_task_parm_to_table("augument_enable", "随机旋转", "off", newTr.id, "switch");
    add_one_task_parm_to_table("augument_enable", "随机饱和度", "off", newTr.id, "switch");
    add_one_task_parm_to_table("augument_enable", "随机色调", "off", newTr.id, "switch");
}

//增加一个训练参数到表格(text/select/enable/switch)
function add_one_task_parm_to_table(str_key, str_view, str_value, parent_key = "", parm_type = "text", task_type = "classification")
{
    var rows = table_create_task.rows.length;
    var bg_color = "background-color:#ffffff;"
    if(rows % 2 == 0)
    {
        bg_color = "background-color:#f2f2f2;"
    }
    var newTr = table_create_task.insertRow(rows);
    if(parent_key != "")
    {
        newTr.className = "child_" + parent_key;
        newTr.id = "task_parms_" + str_key;
    }
    
    var newTd0=newTr.insertCell();
    var newTd1=newTr.insertCell();
    newTd0.innerHTML = str_view;
    if(parm_type == "text")
    {
        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\"/>";
    }
    else if (parm_type == "selection")
    {
        if(str_key == "model")
        {
            //任务类型
            var str_list = Model_List[task_type];
            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 + "\">";
            for(var i=0;i<str_list.length;i++)
            {
                if(str_value ==  str_list[i])
                    str_html = str_html + "<option value=\"" + str_list[i] + "\" selected=\"selected\">" + str_list[i] + "</option>";
                else
                    str_html = str_html + "<option value=\"" + str_list[i] + "\">" + str_list[i] + "</option>";
            }
            str_html = str_html + "</select>";
            newTd1.innerHTML = str_html;
        }
        else if (str_key == "backbone")
        {
            //骨干网络
            var lst_backbones = ["NA"];
            if(str_value != "")
            {
                lst_backbones = Backbone_List[document.getElementById('task_detail_parm_model').value];
            }
            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 + "\">";
            for(var i=0;i<lst_backbones.length;i++)
            {
                if(str_value ==  lst_backbones[i])
                    str_html = str_html + "<option value=\"" + lst_backbones[i] + "\" selected=\"selected\">" + lst_backbones[i] + "</option>";
                else
                    str_html = str_html + "<option value=\"" + lst_backbones[i] + "\">" + lst_backbones[i] + "</option>";
            }
            str_html = str_html + "</select>";
            newTd1.innerHTML = str_html;
        }
        else if (str_key == "pretrain_weights")
        {
            //预训练模型
            var lst_pretrain_weights = get_pretrained_model_list("");
            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 + "\">";
            for(var i=0;i<lst_pretrain_weights.length;i++)
            {
                if(str_value ==  lst_pretrain_weights[i])
                    str_html = str_html + "<option value=\"" + lst_pretrain_weights[i] + "\" selected=\"selected\">" + lst_pretrain_weights[i] + "</option>";
                else
                    str_html = str_html + "<option value=\"" + lst_pretrain_weights[i] + "\">" + lst_pretrain_weights[i] + "</option>";
            }
            str_html = str_html + "</select>";
            newTd1.innerHTML = str_html;
        }
        else if (str_key == "lr_policy")
        {
            //学习率哀减策略
            var lst_lr_policy = get_lr_decay_list("");
            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 + "\">";
            for(var i=0;i<lst_lr_policy.length;i++)
            {
                if(str_value ==  lst_lr_policy[i])
                    str_html = str_html + "<option value=\"" + lst_lr_policy[i] + "\" selected=\"selected\">" + lst_lr_policy[i] + "</option>";
                else
                    str_html = str_html + "<option value=\"" + lst_lr_policy[i] + "\">" + lst_lr_policy[i] + "</option>";
            }
            str_html = str_html + "</select>";
           newTd1.innerHTML = str_html;
        }
    }
    else if (parm_type == "enable")
    {
        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 + "\">";
        if(str_value == "yes")
            str_html = str_html + "<option value=\"" + "yes" + "\" selected=\"selected\">" + "是" + "</option>";
        else
            str_html = str_html + "<option value=\"" + "yes" + "\">" + "是" + "</option>";
        
        if(str_value == "no")
            str_html = str_html + "<option value=\"" + "no" + "\" selected=\"selected\">" + "否" + "</option>";
        else
            str_html = str_html + "<option value=\"" + "no" + "\">" + "否" + "</option>";
        str_html = str_html + "</select>";
        newTd1.innerHTML = str_html;
    }
    else if (parm_type == "switch")
    {
        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 + "\">";
        if(str_value == "on")
            str_html = str_html + "<option value=\"" + "on" + "\" selected=\"selected\">" + "开" + "</option>";
        else
            str_html = str_html + "<option value=\"" + "on" + "\">" + "开" + "</option>";
        
        if(str_value == "off")
            str_html = str_html + "<option value=\"" + "off" + "\" selected=\"selected\">" + "关" + "</option>";
        else
            str_html = str_html + "<option value=\"" + "off" + "\">" + "关" + "</option>";
        str_html = str_html + "</select>";
        newTd1.innerHTML = str_html;
    }
}

//预训练模型列表
function get_pretrained_model_list(str_model_name)
{
    var lst_pretrained_model = ["IMAGENET","COCO","不使用预训练模型"];

    return lst_pretrained_model;
}

//学习率哀减策略列表
function get_lr_decay_list(str_model_name)
{
    var lst_lr_decay = ["Linear","Piecewise","Cosine"];
    return lst_lr_decay;
}

//创建并启动任务训练
function create_task()
{
    var input_create_task_prj_id = document.getElementById('create_task_project_id');
    var str_project_id = input_create_task_prj_id.value;
    
    var obj_btn = document.getElementById('btn_create_task');
    if(obj_btn.value == "启动训练")
    {
        var str_start_tid = ""
        var obj_init_task_input = document.getElementById('create_task_hidden_task_id');
        str_start_tid = obj_init_task_input.value;
        
        start_task(str_start_tid);
        
        load_tasks();
        
        hide_create_task_win_modal(null);
    }
    else if(obj_btn.value == "创建并启动训练")
    {
        var http_request = new XMLHttpRequest();
        http_request.onreadystatechange=function()
        {
             if (http_request.readyState==4)
            {
                if (http_request.status==200)
                {
                     alert("任务创建成功!\n" +  http_request.responseText);

                     //调用训练接口启动任务训练
                     str_json = http_request.responseText;
                     var obj_json = eval('(' + str_json + ')');
                     var str_new_tid = obj_json["tid"];

                     start_task(str_new_tid);
                 
                     load_tasks();
                     
                     hide_create_task_win_modal(null);
                }
                else
                {
                     alert("任务创建失败，请检查服务器配置" + http_request.responseText);
                }
            }
         }
    
         //获取训练参数
         get_input_task_parm_value("num_epochs","int");
         get_input_task_parm_value("batch_size","int");
         get_input_task_parm_value("learning_rate","int");
         
    
         //调用创建接口创建任务
         //alert(JSON.stringify(g_train_task_parms));
         var data = {"pid":str_project_id,"train":JSON.stringify(g_train_task_parms)};
    
         http_request.open("POST", str_srv_url + "/project/task", true);
         http_request.setRequestHeader("Content-type","application/json");
         http_request.send(JSON.stringify(data));
    }
}

//获取表格中模型训练参数
function get_input_task_parm_value(str_key, str_type="int")
{
    var str_input_obj_key = "task_detail_parm_" + str_key;
    var obj_task_parm_input = document.getElementById(str_input_obj_key);
    var str_value = obj_task_parm_input.value;
    
     if(str_type == "int")
    {
        g_train_task_parms[str_key] = parseInt(str_value);
     }
    else
     {
        g_train_task_parms[str_key] = str_value;
    }
}

//启动训练任务
function start_task(tid)
{
    var train_data = {"tid":tid};
    var train_http_request = new XMLHttpRequest();
    train_http_request.open("POST", str_srv_url + "/project/task/train", false);
    train_http_request.setRequestHeader("Content-type","application/json");
    train_http_request.send(JSON.stringify(train_data));
}

//查看单个项目下的所有任务
function view_project_tasks()
{
    var obj_project_id = document.getElementById('popup_menu_project_id');
    var str_project_id = obj_project_id.value;
    g_view_project_task_id = str_project_id;

    load_project_tasks(str_project_id);
}

//删除项目
function delete_project()
{
    var obj_project_id = document.getElementById('popup_menu_project_id');
    str_del_project_id = obj_project_id.value;
    
    var result = confirm("删除项目：" + obj_project_id.value + " ？");
    if(!result)
    {
        return;
    }
        
    var http_request = new XMLHttpRequest();
    http_request.onreadystatechange=function()
    {
        if (http_request.readyState==4)
        {
            if (http_request.status==200)
            {
                 alert("删除项目：" + str_del_project_id + "删除成功!\n" +  http_request.responseText);
                 load_projects();
            }
            else
            {
                alert("项目" + str_del_project_id + "删除失败，请检查服务器配置" + http_request.responseText);
            }
        }
    }

    var data = {"pid":str_del_project_id};
    
    http_request.open("DELETE", str_srv_url + "/project", true);
    http_request.setRequestHeader("Content-type","application/json");
    http_request.send(JSON.stringify(data));
}

//删除数据集
function delete_dataset()
{
    var obj_dataset_id = document.getElementById('popup_menu_dataset_id');
    str_del_dataset_id = obj_dataset_id.value;
    
    var result = confirm("删除数据集：" + str_del_dataset_id + " ？");
    if(!result)
    {
        return;
    }

    var http_request = new XMLHttpRequest();
    http_request.onreadystatechange=function()
    {
        if (http_request.readyState==4)
        {
            if (http_request.status==200)
            {
                 alert("删除数据集：" + str_del_dataset_id + "删除成功!\n" +  http_request.responseText);
                 load_datasets();
            }
            else
            {
                alert("数据集" + str_del_dataset_id + "删除失败，请检查服务器配置" + http_request.responseText);
            }
        }
    }

    var data = {"did":str_del_dataset_id};
    
    http_request.open("DELETE", str_srv_url + "/dataset", true);
    http_request.setRequestHeader("Content-type","application/json");
    http_request.send(JSON.stringify(data));
}

//中止任务
function stop_task()
{
    var input_task_detail_id = document.getElementById('task_detail_id');
    var str_stop_task_id = input_task_detail_id.value;
    
    var result = confirm("确定终止任务：" + str_stop_task_id + " ？");
    if(!result)
    {
        return;
    }

    var http_request = new XMLHttpRequest();
    http_request.onreadystatechange=function()
    {
        if (http_request.readyState==4)
        {
            if (http_request.status==200)
            {
                 alert("任务：" + str_stop_task_id + "中止成功!\n" +  http_request.responseText);
                 hide_task_detail_info_win_modal();
                 load_tasks();
            }
            else
            {
                alert("任务：" + str_stop_task_id + "中止失败，请检查服务器配置" + http_request.responseText);
            }
        }
    }

    var data = {"tid":str_stop_task_id,"act":"stop"};
    
    http_request.open("PUT", str_srv_url + "/project/task/train", true);
    http_request.setRequestHeader("Content-type","application/json");
    http_request.send(JSON.stringify(data));
}

//删除任务
function delete_task()
{
    var obj_task_id = document.getElementById('popup_menu_task_id');
    str_del_task_id = obj_task_id.value;
    
    var result = confirm("删除任务：" + str_del_task_id + " ？");
    if(!result)
    {
        return;
    }

    var http_request = new XMLHttpRequest();
    http_request.onreadystatechange=function()
    {
        if (http_request.readyState==4)
        {
            if (http_request.status==200)
            {
                 alert("删除任务：" + str_del_task_id + "删除成功!\n" +  http_request.responseText);
                 load_tasks();
            }
            else
            {
                alert("任务" + str_del_task_id + "删除失败，请检查服务器配置" + http_request.responseText);
            }
        }
    }

    var data = {"tid":str_del_task_id};
    
    http_request.open("DELETE", str_srv_url + "/project/task", true);
    http_request.setRequestHeader("Content-type","application/json");
    http_request.send(JSON.stringify(data));        
}

//删除模型
function delete_model()
{
    var obj_model_id = document.getElementById('popup_menu_model_id');
    str_del_model_id = obj_model_id.value;
    
    var result = confirm("删除模型：" + str_del_model_id + " ？");
    if(!result)
    {
        return;
    }
            
    var http_request = new XMLHttpRequest();
    http_request.onreadystatechange=function()
    {
        if (http_request.readyState==4)
        {
            if (http_request.status==200)
            {
                 alert("删除模型：" + str_del_model_id + "删除成功!\n" +  http_request.responseText);
                 load_models();
            }
            else
            {
                alert("模型" + str_del_model_id + "删除失败，请检查服务器配置" + http_request.responseText);
            }
        }
    }

    var data = {"emid":str_del_model_id, "type":"exported"};
    
    http_request.open("DELETE", str_srv_url + "/model", true);
    http_request.setRequestHeader("Content-type","application/json");
    http_request.send(JSON.stringify(data));        
}

//新建对象
function create_new(obj)
{
    var str_btn_lbl = obj.value;
    if(str_btn_lbl == "新建数据集")
    {
        show_create_dataset_win_modal(obj);
    }
    else if(str_btn_lbl == "新建项目")
    {
        show_create_project_win_modal(obj);
    }
    else if(str_btn_lbl == "新建任务")
    {
        show_create_task_win_modal(obj);
    }
}

//修改模型下拉列表选项
function change_model_type(obj)
{
    var str_model_name = obj.value;
    
    if (Backbone_List.hasOwnProperty(str_model_name))
    {
        lst_backbones = Backbone_List[str_model_name];
    }
    else
    {
        lst_backbones = ["NA"];
    }
    
    var obj_sel_backbone = document.getElementById('task_detail_parm_backbone');
    obj_sel_backbone.options.length = 0;
    
    if(lst_backbones.length > 0)
    {
        var i = 0;
        for(var p in lst_backbones)
        {
            obj_sel_backbone.options[obj_sel_backbone.options.length] = new Option(lst_backbones[p], i);
            i=i+1;
        }
    }
}

//修改创建项目时下拉列表触发更新下拉数据集列表
function change_create_project_type(obj)
{
    str_project_type = obj.value;
    var obj_sel_create_project_dataset_id = document.getElementById('create_project_dataset_id_text');
    obj_sel_create_project_dataset_id.options.length = 0;
    obj_sel_create_project_dataset_id.options[0] = new Option("请选择项目对应数据集", 0);
    
    for(var p in g_dataset_list)
    {
        str_id = g_dataset_list[p].id;
        str_attr = g_dataset_list[p].attr;
        str_name = str_attr["name"];
        str_desc = str_attr["desc"];
        str_type = str_attr["type"];
        
        str_status = str_attr["dataset_status"]
        //只有校验通过且切分后的数据集才可以选择
        if(str_status == DatasetStatus.XSPLITED && str_type == str_project_type)
        {
            obj_sel_create_project_dataset_id.options[obj_sel_create_project_dataset_id.options.length] = new Option(str_name, str_id);
        }
    }  
}

//ESC to close browse img window
function dispatch_key_press()
{
    switch(event.keyCode)
    {
        //ESC
        case 27:
        {
            hide_zoom_img(null);
            hide_log_win(null);
        }
    }
}
</script>

</head>

<body onload="load_projects()" oncontextmenu="self.event.returnValue=false" onkeypress="dispatch_key_press()">

<!--popupmenu-->
<div id="popupmenu_project" class="popupmenu_project">
    <input type="hidden" id="popup_menu_project_id">
    <!--<input type="hidden" id="popup_menu_project_type">-->
    <table border="0" width="100%" height="100%" cellspacing="0">
    <tr>
    <td style="cursor:default; border:solid #ccc 1px;" align="center" onclick="show_create_task_win_modal(this)">创建任务</td>
    </tr>
    <tr>
    <td style="cursor:default; border:solid #ccc 1px;" align="center" onclick="view_project_tasks()">查看任务</td>
    </tr>
    <tr>
    <td style="cursor:default; border:solid #ccc 1px;" align="center" onclick="delete_project()">删除项目</td>
    </tr>
    </table>
</div>

<div id="popupmenu_dataset" class="popupmenu_dataset">
    <input type="hidden" id="popup_menu_dataset_id">
    <table border="0" width="100%" height="100%" cellspacing="0">
    <tr>
    <td style="cursor:default; border:solid #ccc 1px;" align="center" onclick="delete_dataset(this)">删除数据集</td>
    </tr>
    </table>
</div>

<div id="popupmenu_task" class="popupmenu_task">
    <input type="hidden" id="popup_menu_task_id">
    <input type="hidden" id="popup_menu_task_status">
    <table border="0" width="100%" height="100%" cellspacing="0">
    <tr>
      <td style="cursor:default; border:solid #ccc 1px;" align="center" onclick="delete_task(this)">删除任务</td>
    </tr>
    </table>
</div>

<div id="popupmenu_model" class="popupmenu_model">
    <input type="hidden" id="popup_menu_model_id">
    <table border="0" width="100%" height="100%" cellspacing="0">
    <tr>
      <td style="cursor:default; border:solid #ccc 1px;" align="center" onclick="delete_model(this)">删除模型</td>
    </tr>
    </table>
</div>

<!--main menu-->
<div class='nav'>
  <ul>
    <!--<li><div class="brand"> <a href="https://www.paddlepaddle.org.cn/paddle/paddleX"><img src="logo.png" alt="PaddleX Logo"></a></div></li>
    <li>
      <div class="navbar-btn" style="padding: 0; padding-top: 10px;">
        <button type="button" class="btn-toggle-fullwidth btn-toggle-mx"><img src="img/left.png" height="40px" alt=""></button>
      </div>
    </li>
    -->
    <li><a href='https://www.paddlepaddle.org.cn/paddle/paddleX'>PaddleX主页</a></li>
    <li><a href='#'>数据集管理</a>
      <ul>
      <li onclick="show_create_dataset_win_modal(this)"><a href='#'>创建数据集</a></li>
      <li onclick="load_datasets()"><a href='#'>查看数据集</a></li>
      </ul>
    </li>
    <li><a href='#'>项目管理</a>
    <ul>
      <li onclick="show_create_project_win_modal(this)"><a href='#'>创建项目</a></li>
      <li onclick="load_projects()"><a href='#'>查看项目</a></li>
      </ul>
    </li>
    <li><a href='#'>任务管理</a>
      <ul>
      <li onclick="load_tasks()"><a href='#'>查看所有任务</a></li>
      </ul>
    </li>    
    <li><a href='#'>模型管理</a>
      <ul>
      <!--<li><a href='#'>预训练模型</a></li>-->
      <li onclick="load_models()"><a href='#'>已发布模型</a></li>
      </ul>
    </li>
    <li onclick="show_server_info(this)"><a href='#'>服务器信息</a></li>
    <li><a href='https://paddlex.readthedocs.io'>帮助文档</a></li>
    <li onclick="contact_us()"><a href='#'>联系我们</a></li>
  </ul>
</div>
<div style="text-align:center;clear:both;margin-top:10px">

<br>
<div id="div_demo_title"><h2><font color="#0000cd"> 欢迎使用 PaddleX RestfulAPI</font></h2></div>

<table width="100%" height="40px" align="center" cellspacing="1px" id="table_create_new">
<tr>
  <td style="width: 5px;"></td>
  <td>
    <div class="btn" style="width: 120px; height: 38px; float:left; background: #007FFF;">
      <input type="button" id="btn_create_new" style="width: 120px; height: 38px; background: #007FFF; " value="新建项目" onclick="javascript:create_new(this);"/>
    </div>
  </td>
</tr>
</table>

<!--show projects/tasks/datasets/models information-->
<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;">
<tr>
<td>
  <div id="draw-border">
  <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>
  </div>
</td>
</tr>
</table>

<!--All hidden popup windows-->
<!--服务器配置弹出窗口-->
<div id="input_win_cfg_server" style="display:none;border:1px solid #cccccc;height:260px;width:50%;position:absolute;top:24%;left:24%;z-index:10;background:white;">
  <!--title-->
  <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
    <br><div style="font-size: 20px;">配置服务器地址</div><br>
  </div>
  <br/>
  
  <!--input information-->
  <table width="100%" align="center" id="table_server_info">
  <tr>
  <td><br><div style="font-size: 14px;">服务器地址：</div></td>
  <td>
    <br>
    <input type="hidden" id="workspace_id">
    <input id="server_url_text" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
  </td>
  </tr>
  </table>
  <br>
  <!--buttons-->
  <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
    <div class="btn"><input type="button" id="btn_cancel_cfg_srv" style="background:#529EFF;" value="取消" onclick="hide_server_info(this);" /></div>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <div class="btn"><input type="button" id="btn_cfg_srv" value="设置" onclick="set_server_addr(this);" /></div>
  </div>
</div>

<div id="input_win_cfg_server_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0; z-index:9;background: silver;"></div>
<!--服务器配置弹出窗口-->

<!--创建项目弹出窗口-->
<div id="input_win_create_project" style="display:none;border:1px solid #cccccc;height:420px;width:50%;position:absolute;top:24%;left:24%;z-index:10;background:white;">
  <!--title-->
  <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
    <br><div style="font-size: 20px;">新 建 项 目</div><br>
  </div>
  <br/> 
  <!--input informations-->
  <table width="100%" align="center" id="table_create_prj">
  <tr>
  <td><br><div style="font-size: 14px;">项目名称:</div></td>
  <td>
    <br>
    <input type="hidden" id="workspace_id_for_crt_prj">
    <input id="project_name_text" value="新建项目" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
  </td>
  </tr>
  <tr>
  <td><br><div style="font-size: 14px;">项目类型:</div></td>
  <td>
    <br>
    <select id="project_type_text" onchange="change_create_project_type(this);" style="width:89% ;height:30px;Float:left;padding: 4px 8px;margin-left: 4px;">
      <option value="classification">图像分类</option>
      <option value="detection">目标检测</option>
      <option value="instance_segmentation">实例分割</option>
      <option value="segmentation">语义分割</option>
    </select>
  </td>
  </tr>
  <tr>
  <td><br><div style="font-size: 14px;">数据集:</div></td>
  <td>
    <br>
    <select id="create_project_dataset_id_text" style="width:89% ;height:30px;Float:left;padding: 4px 8px;margin-left: 4px;">
      <option value="0">请选择项目对应数据集</option>
    </select>
  </td>
  </tr>
  <tr>
  <td><br><div style="font-size: 14px;">项目描述:</div></td>
  <td>
    <br>
    <input id="project_desc_text" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
  </td>
  </tr>
  </table>
  <br>
  <!--buttons-->
  <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
    <div class="btn"><input type="button" id="btn_cancel_create_prj" style="background:#529EFF;" value="取消" onclick="hide_create_prj_win_modal(this);" /></div>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <div class="btn"><input type="button" id="btn_create_prj" value="创建" onclick="create_project(this);" /></div>
  </div>
</div>
<div id="input_win_create_project_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0; z-index:9;background: silver;"></div>
<!--创建项目弹出窗口-->

<!--创建数据集弹出窗口-->
<div id="input_win_create_dataset" style="display:none;border:1px solid #cccccc;height:370px;width:50%;position:absolute;top:24%;left:24%;z-index:10;background:white;">
  <!--title-->
  <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
    <br><div style="font-size: 20px;">新 建 数 据 集</div><br>
  </div>
  <br/>
  <!--input informations-->
  <table width="100%" align="center" id="table_create_dataset">
  <tr>
  <td ><br><div style="font-size: 14px;">数据集名称:</div></td>
  <td>
    <br>
    <input id="dataset_name_text" value="新建数据集" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
  </td>
  </tr>
    <tr>
  <td><br><div style="font-size: 14px;">数据集类型:</div></td>
  <td>
    <br>
    <select id="dataset_type_text" style="width:89% ;height:30px;Float:left;padding: 4px 8px;margin-left: 4px;">
      <option value="classification">图像分类</option>
      <option value="detection">目标检测</option>
      <option value="instance_segmentation">实例分割</option>
      <option value="segmentation">语义分割</option>
    </select>
  </td>
  </tr>
  <tr>
  <td><br><div style="font-size: 14px;">数据集描述:</div></td>
  <td>
    <br>
    <input id="dataset_desc_text" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
  </td>
  </tr>
  </table>
  <br>
  <!--buttons-->
  <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
    <div class="btn"><input type="button" id="btn_cancel_create_dataset" style="background:#529EFF;" value="取消" onclick="hide_create_dataset_win_modal(this);" /></div>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <div class="btn"><input type="button" id="btn_create_dataset" value="创建" onclick="create_dataset(this);" /></div>
  </div>
</div>
<div id="input_win_create_dataset_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0; z-index:9;background: silver;"></div>
<!--创建项目弹出窗口-->

<!--数据集导入弹出窗口-->
<div id="input_win_import_dataset" style="display:none;border:1px solid #cccccc;height:260px;width:50%;position:absolute;top:24%;left:24%;z-index:10;background:white;">
  <!--title-->
  <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
    <br><div style="font-size: 20px;">导入数据集</div><br>
  </div>
  <br/>
  <!--input informations-->
  <table width="100%" align="center" id="table_import_dataset">
  <tr>
  <td width="30%"><br><div style="font-size: 14px;">数据集路径（服务器端）：</div></td>
  <td>
    <br>
    <input type="hidden" id="import_dataset_id" value="">
    <input id="import_dataset_path_text" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
  </td>
  </tr>
  </table>
  <br>
  <!--buttons-->
  <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
    <div class="btn"><input type="button" id="btn_cancel_import_dataset" style="background:#529EFF;" value="取消" onclick="hide_import_dataset_win_modal(this);" /></div>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <div class="btn"><input type="button" id="btn_import_dataset" value="导入" onclick="import_dataset(this);" /></div>
  </div>
</div>
<div id="input_win_import_dataset_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0; z-index:9;background: silver;"></div>
<!--数据集导入弹出窗口-->

<!--数据集切分弹出窗口-->
<div id="input_win_split_dataset" style="display:none;border:1px solid #cccccc;height:370px;width:50%;position:absolute;top:24%;left:24%;z-index:15;background:white;">
  <!--title-->
  <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
    <br><div style="font-size: 20px;">切分数据集</div><br>
  </div>
  <br/>
  <!--input informations-->
  <table width="100%" align="center" id="table_split_dataset">
  <tr>
  <td><br><div style="font-size: 14px;">训练集(%)：</div></td>
  <td>
    <br>
    <input type="hidden" id="split_dataset_id" value="">
    <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" />
  </td>
  </tr>
  <tr>
  <td><br><div style="font-size: 14px;">验证集(%)：</div></td>
  <td>
    <br>
    <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" />
  </td>
  </tr>
  <tr>
  <td><br><div style="font-size: 14px;">测试集(%)：</div></td>
  <td>
    <br>
    <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" />
  </td>
  </tr>
  </table>
  <br>
  <!--buttons-->
  <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
    <div class="btn"><input type="button" id="btn_cancel_split_dataset" style="background:#529EFF;" value="取消" onclick="hide_split_dataset_win_modal(this);" /></div>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <div class="btn"><input type="button" id="btn_split_dataset" value="切分" onclick="split_dataset(this);" /></div>
  </div>
</div>
<div id="input_win_split_dataset_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0; z-index:9;background: silver;"></div>
<!--数据集导入弹出窗口-->

<!--创建任务弹出窗口-->
<div id="input_win_create_task" style="display:none;border:1px solid #cccccc;height:400px;width:50%;position:absolute;top:24%;left:24%;z-index:15;background:white;">
  <!--title-->
  <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
    <br><div style="font-size: 20px;">任务详细信息</div><br>
    <input type="hidden" id="create_task_project_id" value="">
    <input type="hidden" id="create_task_project_type" value="">
    <input type="hidden" id="create_task_hidden_task_id" value="">
  </div>
  <!--input informations-->
  <div class="scroll-content">
  <div class="table-parms-head">
    <table width="100%" align="center" id="table_create_task_head">
      <colgroup><col style="font-size: 14px;"/><col/></colgroup>
      <thead><tr><th>参数名</th><th>参数值</th></tr></thead>
    </table>
  </div>
  <div class="table-parms-body">
    <table width="100%" align="center" id="table_create_task">
      <colgroup><col style="font-size: 14px;" /><col /></colgroup>
        <tbody>
          <tr><td>key</td><td>value</td></tr>
       </tbody>
    </table>
  </div>
  </div>
  <br>
  <!--buttons-->
  <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
    <div class="btn"><input type="button" id="btn_cancel_create_task" style="background:#529EFF;" value="取消" onclick="hide_create_task_win_modal(this);" /></div>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <div class="btn"><input type="button" id="btn_create_task" value="创建并启动训练" onclick="create_task();" /></div>
  </div>
</div>
<div id="input_win_create_task_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0; z-index:14;background: silver;"></div>
<!--创建任务弹出窗口-->

<!--任务状态窗口-->
<div id="task_detail_info" style="display:none;border:1px solid #cccccc;height:420px;width:50%;position:absolute;top:24%;left:24%;z-index:10;background:white;">
  <!--title-->
  <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
    <br><div style="font-size: 20px;">查看任务状态</div><br>
  </div>
  <br/>
  <!--input informations-->
  <table width="100%" align="center" id="table_task_detail_info">
  <tr>
  <td width="25%"><div style="font-size: 14px;">任务状态：</div></td>
  <td>
    <input type="hidden" id="task_detail_id">
    <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"/>
  </td>
  <td>&nbsp&nbsp</td>
  </tr>
  <tr>
  <td width="25%"><div style="font-size: 14px;">训练进度：</div></td>
  <td>
    <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>
  </td>
  <td>&nbsp&nbsp</td>
  </tr>
  <tr>
  <td width="25%"><div style="font-size: 14px;">运行时间：</div></td>
  <td>
    <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"/>
  </td>
  <td>&nbsp&nbsp</td>
  </tr>
  <tr>
  <td width="25%"><div style="font-size: 14px;">VDL可视化数据：</div></td>
  <td>
    <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"/>
  </td>
  <td>&nbsp&nbsp</td>
  </tr>  
  <tr>
  <td width="25%"><div style="font-size: 14px;">任务信息：</div></td>
  <td>
    <textarea id="task_detail_log_text" style="width:95% ;height:100px; resize:none" readonly="readonly"></textarea>
  </td>
  <td>&nbsp&nbsp</td>
  </tr>  
  </table>
  <!--buttons-->
  <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
    <!--停止任务，当任务运行中可点击-->
    <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>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <div class="btn"><input type="button" id="btn_cancel_task_info" style="background:#529EFF;" value="取消" onclick="hide_task_detail_info_win_modal();" /></div>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <div class="btn"><input type="button" id="btn_next_task_info" value="关闭" onclick="task_next_step_process(this);" /></div>
  </div>
</div>
<div id="task_detail_info_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0;z-index:9;background: silver;"></div>
<!--任务状态窗口-->

<!--评估&导出模型窗口-->
<div id="input_win_evaluate_export_model" style="display:none;border:1px solid #cccccc;height:260px;width:50%;position:absolute;top:24%;left:24%;z-index:10;background:white;">
  <!--title-->
  <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
    <br><div style="font-size: 20px;">模型评估&导出</div><br>
  </div>
  <br/>
  <!--input informations-->
  <table width="100%" align="center" id="table_evaluate_export_model">
  <tr>
  <td width="20%"><br><div style="font-size: 14px;">导出路径：</div></td>
  <td>
    <br>
    <input type="hidden" id="evaluate_export_task_id" value="">
    <input type="hidden" id="evaluate_export_task_project_id" value="">
    <input id="export_model_path_text" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
  </td>
  </tr>
  </table>
  <br>
  <!--buttons-->
  <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
    <!--评估任务-->
    <div class="btn"><input type="button" id="btn_cancel_evaluate_export" style="background:#529EFF;" value="取消" onclick="hide_evaluate_export_win_modal(this);" /></div>
    &nbsp;&nbsp;&nbsp;&nbsp;  	
    <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>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <div class="btn"><input type="button" id="btn_close_evaluate_export" value="导出" onclick="export_model(this);" /></div>
  </div>
</div>
<div id="input_win_evaluate_export_model_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0; z-index:9;background: silver;"></div>
<!--评估&导出模型窗口-->

<!--浏览数据集弹出窗口-->
<div id="win_browse_dataset" style="display:none;border:1px solid #cccccc;height:520px;width:60%;position:absolute;top:16%;left:20%;z-index:10;background:white;">
  <!--title-->
  <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
    <br><div style="font-size: 20px;">浏 览 数 据 集</div><br>
  </div>
  <br/>
  <!--show dataset informations-->
  <table width="100%" align="center" id="table_create_dataset">
  <tr>
  <td><div style="font-size: 14px;">数据集名称:</div></td>
  <td>
    <input type="hidden" id="browse_dataset_id" value="">
    <input id="browse_dataset_name_text" value="" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" readonly="readonly"/>
  </td>
  <td><div style="font-size: 14px;">数据集类型:</div></td>
  <td>
    <input id="browse_dataset_type_text" value="" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" readonly="readonly"/>
  </td>
  </tr>
  <tr>
  <td><div style="font-size: 14px;">数据集描述:</div></td>
  <td colspan = "3">
    <input id="browse_dataset_desc_text" style="width:96% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" readonly="readonly"/>
  </td>
  </tr>
  </table>
  <br>
  <!--数据预览-->
  <div class="scroll-content">
  <div>
    <table width="100%" align="center" id="table_browse_dataset_head">
      <tr>
      	<th width="50%">全部标签</th>
      	<th width="50%">全部数据预览 &nbsp;&nbsp&nbsp;&nbsp&nbsp;&nbsp<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></th>
      </tr>
    </table>
  </div>
  <div>
    <table width="100%" align="center" id="table_browse_dataset">
       <tr>
        <td>
          <!--标签-->
          <div class="table-dataset-labels">
            <table width="100%" align="center" id="table_dataset_labels">
              <colgroup><col style="font-size: 14px;" /><col /></colgroup>
                <tbody>
                  <tr><td>标签名称</td><td>总数据量</td><td>训练数据集</td><td>验证数据集</td><td>测试数据集</td></tr>
                </tbody>
            </table>
          </div>
          <!--标签-->
        </td>
        <td>
          <!--图像预览-->
          <div class="table-dataset-labels">
          <table width="100%" align="center" id="table_dataset_imgs">
            <tr>
              <td><img id="dataset_img_1" src="" ondblclick="zoom_image(this)" align="center" style="border:1px #D6D6D6 solid;" height="150" width="150" hspace="0" vspace="0"/></td>
              <td><img id="dataset_img_2" src="" ondblclick="zoom_image(this)" align="center" style="border:1px #D6D6D6 solid;" height="150" width="150" hspace="0" vspace="0"/></td>
              <td><img id="dataset_img_3" src="" ondblclick="zoom_image(this)" align="center" style="border:1px #D6D6D6 solid;" height="150" width="150" hspace="0" vspace="0"/></td>
            </tr>
            <tr>
              <td id="dataset_img_1_file_name">img_file</td>
              <td id="dataset_img_2_file_name">img_file</td>
              <td id="dataset_img_3_file_name">img_file</td>
            </tr>
          </table>
          <table width="100%" align="center" id="table_dataset_pages">
           <tr>
             <td style="cursor:pointer;" onclick="dataset_pre_page()">上一页</td>
             <td id="dataset_page_info">第 页/共 页<td>
             <td style="cursor:pointer;" onclick="dataset_next_page()">下一页</td>
            </tr>
          </table>
        </div>
        </td>
       </tr>
    </table>
  </div>
  </div>
  <br>
  <!--buttons-->
  <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
    <div class="btn"><input type="button" id="btn_cancel_browse_dataset" style="background:#529EFF;" value="取消" onclick="hide_browse_dataset_win_modal(this);" /></div>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <div class="btn"><input type="button" id="btn_split_dataset" style="background:#008F00;" value="重新切分" onclick="re_split_dataset(this);" /></div>
    &nbsp;&nbsp;&nbsp;&nbsp;    
    <div class="btn"><input type="button" id="btn_close_browse_dataset" value="关闭" onclick="hide_browse_dataset_win_modal(this);" /></div>
  </div>
</div>
<div id="win_browse_dataset_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0; z-index:9;background: silver;"></div>

<!--浏览原图弹出窗口-->
<div id="win_browse_img" onclick="hide_zoom_img(this)" style="display:none;border:1px solid #cccccc;height:610px;width:60%;position:absolute;top:15%;left:20%;z-index:15;background:white;">
  <table width="100%" align="center" id="table_img">
    <tr>
      <td>
        <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"/>
      </td>
    </tr>
  </table>
</div>
<div id="win_browse_img_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0; z-index:9;background: silver;"></div>
<!--浏览原图弹出窗口-->

<!--浏览日志窗口-->
<div id="win_view_log" onclick="" style="display:none;border:1px solid #cccccc;height:610px;width:60%;position:absolute;top:15%;left:20%;z-index:15;background:white;">
  <table width="100%" align="center" id="table_log">
    <tr>
      <td>
        <textarea id="view_log_text" style="width:99% ;height:550px; resize:none" readonly="readonly"></textarea>
      </td>
    </tr>
    <tr>
      <td>
        <div style="text-align: right;">
        <div class="btn"><input type="button" id="btn_close_view_log_win" value="关闭" onclick="hide_log_win(this);" /></div>
      </td>
    </tr>
  </table>
</div>
<div id="win_view_log_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0; z-index:9;background: silver;"></div>
<!--浏览日志窗口-->

<div class="btn">
    <input type="button" id="btn_refresh" style="width: 150px; height: 50px; " value="刷新项目信息" onclick="javascript:refresh_contents(this);"/>
</div>
<br>

</body>
</html>