fix html demo file

paddlex_restful/restful/templates/paddlex_restful_demo.html

@@ -196,6 +196,16 @@ view_item {
   cursor: pointer;
   value: "";
 }
+
+view_item .hide_del_button {
+  float: right;
+  font-size: 15px;
+  font-family: helvetica;
+  color: red;
+  z-index:15;
+  display:none;
+}
+
 view_item::before, view_item::after {
   box-sizing: inherit;
   position: absolute;
@@ -213,6 +223,7 @@ view_item::before {
   top: 0;
   left: 0;
 }
+view_item:hover .hide_del_button {display:block;}
 view_item:hover::before, view_item:hover::after {
   width: 100%;
   height: 100%;
@@ -348,7 +359,7 @@ body { background: #f6f6f6;}
   background: #eee;
   position: absolute;
   width: 200px;
-  height: 140px;
+  height: 50px;
   display: none;
   z-index:8;
 }
@@ -2363,6 +2374,8 @@ function fill_table_contents(list_contents, type = "project")
             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 + "<div class=\"hide_del_button\" id=\"" + str_id + "\" onclick=\"javascript:delete_project()\">删除</div>";
+            
             str_html = str_html + "项目名称：" + str_name + " (" + str_id + ")" + "<br>" + "<input type=\"hidden\" id=\"view_project_name_" + str_id + "\" value=\"" + str_name + "\">";
             
             if(str_type == "classification")
@@ -2438,4 +2451,2751 @@ function fill_table_contents(list_contents, type = "project")
             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 + "<div class=\"hide_del_button\" onclick=\"delete_dataset()\" id=\"" + str_id + "\">删除</div>";
+            
+            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>" + "<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;
+        }
+
+        obj_tasks.sort(sort_compare('id'));
+        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;
+            str_type = obj_tasks[p].type;
+
+            //增加状态显示以及对应的操作
+            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 = "";
+  
+            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 + "<div class=\"hide_del_button\" onclick=\"delete_task();\" id=\"" + str_id + "\">删除</div>";
+
+            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 + "<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;
+        }
+
+        obj_models.sort(sort_compare('id'));
+        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 = "show_model_test_predict_win_modal";
+  
+            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 + "<div class=\"hide_del_button\" onclick=\"delete_model()\" id=\"" + str_id + "\">删除</div>";
+            str_html = str_html + "模型名称：" + str_model_name + " (" + str_id + ")" + "<br>" + "<input type=\"hidden\" id=\"view_model_detail_name_" + str_id + "\" value=\"" + str_model_name + "\">"; 
+            str_html = str_html + "模型类型：" + str_model_view_type + "<br>" + "<input type=\"hidden\" id=\"view_model_detail_type_" + str_id + "\" value=\"" + str_model_type + "\">";
+            str_html = str_html + "网络结构：" + str_model + "<br>" + "<input type=\"hidden\" id=\"view_model_detail_net_" + str_id + "\" value=\"" + str_model + "\">" ;
+            str_html = str_html + "所属项目及任务：" + str_model_pid + "-" + str_model_tid + "<br>" + "<input type=\"hidden\" id=\"view_model_detail_tid_" + str_id + "\" value=\"" + str_model_tid + "\">";
+            
+            //如果需要获取对象信息，可以在此增加hidden的input
+            str_html = str_html + "模型路径： <font size=\"1\">" + str_model_path + "</font><br>" + "<input type=\"hidden\" id=\"view_model_detail_path_" + str_id + "\" value=\"" + str_model_path + "\">"  ;
+            str_html = str_html + "导出时间：" + str_model_crttime + "<br>" + "<input type=\"hidden\" id=\"view_model_detail_pid_" + str_id + "\" value=\"" + str_model_pid + "\">";
+
+            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 = "";
+    
+    //清除原来保存的id
+    document.getElementById('create_task_hidden_task_id').value = "";
+    
+    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');
+    
+    //清除原来保存的id
+    document.getElementById('create_task_hidden_task_id').value = "";
+    
+    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);
+    
+    //获取系统信息用于GPU信息选择
+    var str_sys_info = get_server_system_info();
+
+    var obj_json = eval('(' + str_sys_info + ')');
+    var int_gpu_count = parseInt(obj_json["info"]["gpu_num"]);
+    var int_cpu_count = parseInt(obj_json["info"]["cpu_num"]);
+    var str_sys_platform = obj_json["info"]["sysstr"];
+
+    if(int_gpu_count > 0)
+    {
+        add_one_task_parm_to_table("use_gpu", "是否使用GPU", "yes", newTr.id, "enable");
+        if(str_sys_platform.toLowerCase() == "linux");
+        {
+            var str_gpu_card_num = "0";
+            for (i=1; i < int_gpu_count; i++)
+            {
+                str_gpu_card_num = str_gpu_card_num + "," + i;
+            }
+            if (g_train_task_parms.hasOwnProperty("cuda_visible_devices") && g_train_task_parms["cuda_visible_devices"].length > 0)
+            {
+                str_gpu_card_num = g_train_task_parms["cuda_visible_devices"];
+            }
+            add_one_task_parm_to_table("cuda_visible_devices", "训练使用GPU卡列表", str_gpu_card_num, newTr.id, "text");
+        }
+    }
+    else
+    {
+        add_one_task_parm_to_table("use_gpu", "是否使用GPU", "否(未检测到GPU)", newTr.id, "label");
+    }
+        
+    //高级参数
+    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("brightness", "随机亮度", g_train_task_parms["brightness"], newTr.id, "switch");
+    add_one_task_parm_to_table("contrast", "随机对比度", g_train_task_parms["contrast"], newTr.id, "switch");
+    add_one_task_parm_to_table("horizontal_flip", "随机水平翻转", g_train_task_parms["horizontal_flip"], newTr.id, "switch");
+    add_one_task_parm_to_table("vertical_flip", "随机垂直翻转", g_train_task_parms["vertical_flip"], newTr.id, "switch");
+    add_one_task_parm_to_table("rotate", "随机旋转", g_train_task_parms["rotate"], newTr.id, "switch");
+    add_one_task_parm_to_table("saturation", "随机饱和度", g_train_task_parms["saturation"], newTr.id, "switch");
+    add_one_task_parm_to_table("hue", "随机色调", g_train_task_parms["hue"], newTr.id, "switch");
+    
+    add_one_task_parm_to_table("augument_details", "数据增强详细设置", "点击设置...", newTr.id, "button");
+}
+
+//增加一个训练参数到表格(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 == "label")
+    {
+        newTd1.innerHTML = "<input id=\"task_detail_parm_" + str_key + "\" value=\"" + str_value + "\"" + "style=\"width:100%;height:20px;Float:left;border:none;outline:none;" + bg_color + "\" type=\"text\" readonly=\"readonly\"/>";
+    }
+    else if (parm_type == "button")
+    {
+        var str_function = "void";
+        if(str_key == "augument_details")
+        {
+            str_function = "show_augument_detail_parms";
+        }
+        newTd1.innerHTML = "<input type=\"button\" onclick=\"" + str_function + "(this)\" id=\"task_detail_parm_" + str_key + "\" value=\"" + str_value + "\"" + "style=\"width:100%;height:20px;Float:left;border:none;outline:none;" + bg_color + "\"/>";
+    }
+    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_value == true)
+            str_html = str_html + "<option value=\"" + "on" + "\" selected=\"selected\">" + "开" + "</option>";
+        else
+            str_html = str_html + "<option value=\"" + "on" + "\">" + "开" + "</option>";
+        
+        if(str_value == "off" || str_value == false)
+            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 show_augument_detail_parms(obj)
+{
+    load_data_augument_parms();
+    
+    document.getElementById('win_data_augmentation_detail').style.display = "block";
+    document.getElementById('win_data_augmentation_detail_over').style.display = "block";
+}
+
+//关闭数据增强窗口
+function hide_augument_detail_parms(obj)
+{
+    document.getElementById('win_data_augmentation_detail').style.display = "none";
+    document.getElementById('win_data_augmentation_detail_over').style.display = "none";
+}
+
+//保存数据增强参数
+function save_augument_detail_parms(obj)
+{
+    var str_task_id = document.getElementById('create_task_hidden_task_id').value;
+
+    set_data_augument_parms(str_task_id);
+    
+    hide_augument_detail_parms(obj);
+}
+
+//Demo案例下载窗口
+function show_download_demo_win_modal()
+{
+    document.getElementById('download_cls_label').disabled = false;
+    document.getElementById('download_det_label').disabled = false;
+    document.getElementById('download_ins_label').disabled = false;
+    document.getElementById('download_seg_label').disabled = false;
+    
+    document.getElementById('download_cls_label').checked = false;
+    document.getElementById('download_det_label').checked = false;
+    document.getElementById('download_ins_label').checked = false;
+    document.getElementById('download_seg_label').checked = false;
+    
+    document.getElementById('cls_download_status_progress_bar_value').style = "width: 0%;";
+    document.getElementById('cls_download_status_progress_bar').innerText = "0%";
+    document.getElementById('det_download_status_progress_bar_value').style = "width: 0%;";
+    document.getElementById('det_download_status_progress_bar').innerText = "0%";
+    document.getElementById('ins_download_status_progress_bar_value').style = "width: 0%;";
+    document.getElementById('ins_download_status_progress_bar').innerText = "0%";
+    document.getElementById('seg_download_status_progress_bar_value').style = "width: 0%;";
+    document.getElementById('seg_download_status_progress_bar').innerText = "0%";
+    
+    document.getElementById('btn_download_proc').style.background = "#0000cd";
+    document.getElementById('btn_download_proc').value = "开始下载";
+    
+    var on_win_download_demo = document.getElementById('demo_download_win');
+    var over_win_download_demo = document.getElementById('demo_download_win_over');
+    
+    on_win_download_demo.style.display = "block";
+    over_win_download_demo.style.display = "block";
+}
+
+//关闭下载窗口
+function hide_download_demo_win_modal()
+{
+    //关闭定时器
+    g_instance_download_demo_clock=window.clearInterval(g_instance_download_demo_clock);
+    
+    var on_win_download_demo = document.getElementById('demo_download_win');
+    var over_win_download_demo = document.getElementById('demo_download_win_over');
+    
+    on_win_download_demo.style.display = "none";
+    over_win_download_demo.style.display = "none";
+}
+
+//下载相关操作
+function download_win_btn_proc(obj)
+{
+    var str_btn_txt = obj.value;
+    if(str_btn_txt == "开始下载" || str_btn_txt == "重新下载")
+    {
+        if (document.getElementById('download_cls_label').checked == false && document.getElementById('download_det_label').checked == false
+            && document.getElementById('download_ins_label').checked == false && document.getElementById('download_seg_label').checked == false)
+        {
+            alert("请至少选择一个示例项目!");
+            return;
+        }
+        
+        document.getElementById('download_cls_label').disabled = true;
+        document.getElementById('download_det_label').disabled = true;
+        document.getElementById('download_ins_label').disabled = true;
+        document.getElementById('download_seg_label').disabled = true;
+
+        //启动下载任务
+        start_download_demo(obj);
+        //启动定时器
+        g_instance_download_demo_clock = self.setInterval("refresh_download_progress()",2000);
+        
+        document.getElementById('btn_download_proc').style.background = "#FF2600";
+        document.getElementById('btn_download_proc').value = "停止下载";
+    }
+    else if(str_btn_txt == "停止下载")
+    {
+        document.getElementById('download_cls_label').disabled = false;
+        document.getElementById('download_det_label').disabled = false;
+        document.getElementById('download_ins_label').disabled = false;
+        document.getElementById('download_seg_label').disabled = false;
+        //停止任务
+        stop_download_demo(obj);
+        //停止定时器
+        g_instance_download_demo_clock=window.clearInterval(g_instance_download_demo_clock);
+    
+        document.getElementById('btn_download_proc').style.background = "#0000cd";
+        document.getElementById('btn_download_proc').value = "开始下载";
+    }
+}
+
+//下载示例项目
+function start_download_demo(obj)
+{
+    //下载项目
+    if (document.getElementById('download_cls_label').checked == true)
+    {
+        download_one_project("classification");
+    }
+    if (document.getElementById('download_det_label').checked == true)
+    {
+        download_one_project("detection");
+    }
+    if (document.getElementById('download_ins_label').checked == true)
+    {
+        download_one_project("instance_segmentation");
+    }
+    if (document.getElementById('download_seg_label').checked == true)
+    {
+        download_one_project("segmentation");
+    }
+}
+
+//下载一个示例工程
+function download_one_project(prj_type = "classification")
+{
+    var http_request = new XMLHttpRequest();
+    http_request.onreadystatechange=function()
+    {
+        if (http_request.readyState==4)
+        {
+            if (http_request.status!=200)
+            {
+                 alert("下载" + prj_type + "示例项目失败，请检查服务器配置!\n" + http_request.responseText);
+            }
+        }
+    }
+
+    var data = {"type":"download","prj_type":prj_type};
+    http_request.open("POST", str_srv_url + "/demo", false);
+    http_request.setRequestHeader("Content-type","application/json");
+    http_request.send(JSON.stringify(data));
+}
+
+//停止下载demo
+function stop_download_demo(obj)
+{
+    if (document.getElementById('download_cls_label').checked == true)
+    {
+        stop_download_one_project("classification");
+    }
+    if (document.getElementById('download_det_label').checked == true)
+    {
+        stop_download_one_project("detection");
+    }
+    if (document.getElementById('download_ins_label').checked == true)
+    {
+        stop_download_one_project("instance_segmentation");
+    }
+    if (document.getElementById('download_seg_label').checked == true)
+    {
+        stop_download_one_project("segmentation");
+    }
+}
+
+//停止正在下载的项目
+function stop_download_one_project(prj_type = "classification")
+{
+    var http_request = new XMLHttpRequest();
+    http_request.onreadystatechange=function()
+    {
+        if (http_request.readyState==4)
+        {
+            if (http_request.status!=200)
+            {
+                 //alert("停止" + prj_type + "示例项目失败，请检查服务器配置!\n" + http_request.responseText);
+            }
+        }
+    }
+    var data = {"prj_type":prj_type};
+    
+    http_request.open("PUT", str_srv_url + "/demo", true);
+    http_request.setRequestHeader("Content-type","application/json");
+    http_request.send(JSON.stringify(data));
+}
+
+//刷新下载进度
+function refresh_download_progress()
+{
+    //获取下载进度，刷新下载任务窗口
+    var int_progress = 0;
+    var b_finish = true;
+    if (document.getElementById('download_cls_label').checked == true)
+    {
+        var dic_status = get_one_project_download_status("classification");
+        int_progress = dic_status.progress;
+        //进度条
+        var obj_view_cls_download_status_progress_value = document.getElementById('cls_download_status_progress_bar_value');
+        obj_view_cls_download_status_progress_value.style = "width: " + int_progress + "%;";
+        var obj_view_cls_download_status_progress_bar = document.getElementById('cls_download_status_progress_bar');
+        obj_view_cls_download_status_progress_bar.innerText = int_progress + "%";
+        
+        if(int_progress < 100)
+        {
+            b_finish = false;
+        }
+    }
+    if (document.getElementById('download_det_label').checked == true)
+    {
+        var dic_status = get_one_project_download_status("detection");
+        int_progress = dic_status.progress;
+        
+        //进度条
+        var obj_view_det_download_status_progress_value = document.getElementById('det_download_status_progress_bar_value');
+        obj_view_det_download_status_progress_value.style = "width: " + int_progress + "%;";
+        var obj_view_det_download_status_progress_bar = document.getElementById('det_download_status_progress_bar');
+        obj_view_det_download_status_progress_bar.innerText = int_progress + "%";
+        
+        if(int_progress < 100)
+        {
+            b_finish = false;
+        }
+    }
+    if (document.getElementById('download_ins_label').checked == true)
+    {
+        var dic_status = get_one_project_download_status("instance_segmentation");
+        int_progress = dic_status.progress;
+        //进度条
+        var obj_view_ins_download_status_progress_value = document.getElementById('ins_download_status_progress_bar_value');
+        obj_view_ins_download_status_progress_value.style = "width: " + int_progress + "%;";
+        var obj_view_ins_download_status_progress_bar = document.getElementById('ins_download_status_progress_bar');
+        obj_view_ins_download_status_progress_bar.innerText = int_progress + "%";
+        
+        if(int_progress < 100)
+        {
+            b_finish = false;
+        }
+    }
+    if (document.getElementById('download_seg_label').checked == true)
+    {
+        var dic_status = get_one_project_download_status("segmentation");
+        int_progress = dic_status.progress;
+        //进度条
+        var obj_view_seg_download_status_progress_value = document.getElementById('seg_download_status_progress_bar_value');
+        obj_view_seg_download_status_progress_value.style = "width: " + int_progress + "%;";
+        var obj_view_seg_download_status_progress_bar = document.getElementById('seg_download_status_progress_bar');
+        obj_view_seg_download_status_progress_bar.innerText = int_progress + "%";
+        
+        if(int_progress < 100)
+        {
+            b_finish = false;
+        }
+    }
+    
+    if(b_finish == true)
+    {
+        g_instance_download_demo_clock=window.clearInterval(g_instance_download_demo_clock);
+        //创建对应项目
+        alert("示例工程下载完成！即将创建对应工程，请稍候...");
+        
+        create_demo_project();
+        
+        document.getElementById('download_cls_label').disabled = false;
+        document.getElementById('download_det_label').disabled = false;
+        document.getElementById('download_ins_label').disabled = false;
+        document.getElementById('download_seg_label').disabled = false;
+        
+        document.getElementById('btn_download_proc').style.background = "#0000cd";
+        document.getElementById('btn_download_proc').value = "重新下载";
+        
+        alert("示例工程创建完成！");
+        
+        load_projects();
+    }
+}
+
+//创建示例项目
+function create_demo_project()
+{
+    if (document.getElementById('download_cls_label').checked == true)
+    {
+        create_one_demo_project("classification");
+    }
+    if (document.getElementById('download_det_label').checked == true)
+    {
+        create_one_demo_project("detection");
+    }
+    if (document.getElementById('download_ins_label').checked == true)
+    {
+        create_one_demo_project("instance_segmentation");
+    }
+    if (document.getElementById('download_seg_label').checked == true)
+    {
+        create_one_demo_project("segmentation");
+    }
+}
+
+//创建一个示例工程
+function create_one_demo_project(prj_type = "classification")
+{
+    var http_request = new XMLHttpRequest();
+    http_request.onreadystatechange=function()
+    {
+        if (http_request.readyState==4)
+        {
+            if (http_request.status!=200)
+            {
+                 alert("创建" + prj_type + "示例项目失败，请检查服务器配置!\n" + http_request.responseText);
+            }
+        }
+    }
+
+    var data = {"type":"load","prj_type":prj_type};
+    http_request.open("POST", str_srv_url + "/demo", false);
+    http_request.setRequestHeader("Content-type","application/json");
+    http_request.send(JSON.stringify(data));
+}
+
+//获取一个项目的下载进度
+function get_one_project_download_status(prj_type = "classification")
+{
+    var http_request = new XMLHttpRequest();
+    http_request.open("GET", str_srv_url + "/demo?prj_type=" + prj_type, false);
+    http_request.send(null);
+    
+    var obj_json = eval('(' + http_request.responseText + ')'); 
+    var str_download_status = obj_json["attr"]["status"];
+    var int_progress = 0;
+    if(obj_json["attr"]["progress"] != "")
+    {
+        int_progress = parseInt(obj_json["attr"]["progress"]);;
+    }
+    
+    if(str_download_status == DownloadStatus.XDDOWNLOADFAIL)
+    {
+        int_progress = 0;
+    }
+    else if(str_download_status == DownloadStatus.XDDOWNLOADING)
+    {
+        if(int_progress > 50)
+        {
+            int_progress = 50;
+        }
+    }
+    else if(str_download_status == DownloadStatus.XDDOWNLOADDONE)
+    {
+        int_progress = 50;
+    }
+    else if(str_download_status == DownloadStatus.XDDECOMPRESSED)
+    {
+        int_progress = 100;
+    }
+    
+    return {status:str_download_status, progress:int_progress};
+}
+
+//设置->下载示例项目
+function download_demo_btn_proc(obj)
+{
+    show_download_demo_win_modal();
+    hide_server_info(obj);
+}
+
+//预训练模型列表
+function get_pretrained_model_list(str_model_name)
+{
+    var lst_pretrained_model = ["IMAGENET","不使用预训练模型"];
+
+    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);
+        
+        if (document.getElementById('btn_refresh').value == "刷新项目任务信息")
+        {
+            load_project_tasks(g_view_project_task_id);
+        }
+        else
+        {
+            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);
+                 
+                     if (document.getElementById('btn_refresh').value == "刷新项目任务信息")
+                     {
+                         load_project_tasks(g_view_project_task_id);
+                     }
+                     else
+                     {
+                         load_tasks();
+                     }
+                     
+                     hide_create_task_win_modal(null);
+                }
+                else
+                {
+                     alert("任务创建失败，请检查服务器配置" + http_request.responseText);
+                }
+            }
+         }
+    
+         //获取训练参数
+         get_input_task_parm_value("model","text");
+         get_input_task_parm_value("backbone","text");
+         
+         get_input_task_parm_value("num_epochs","int");
+         get_input_task_parm_value("batch_size","int");
+         get_input_task_parm_value("learning_rate","float");
+         
+         get_input_task_parm_value("save_interval_epochs","int");
+         
+         //图像参数
+         get_input_task_parm_value("image_shape","list");
+         get_input_task_parm_value("image_mean","list");
+         get_input_task_parm_value("image_std","list");
+         
+         //是否使用GPU
+         get_input_task_parm_value("use_gpu","text");
+         
+         //数据增强开关
+         get_input_task_parm_value("brightness","bool");
+         get_input_task_parm_value("contrast","bool");
+         get_input_task_parm_value("saturation","bool");
+         get_input_task_parm_value("rotate","bool");
+         get_input_task_parm_value("hue","bool");
+         get_input_task_parm_value("vertical_flip","bool");
+         get_input_task_parm_value("horizontal_flip","bool");
+         
+         //调用创建接口创建任务
+         //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 if (str_type == "float")
+    {
+        g_train_task_parms[str_key] = parseFloat(str_value);
+    }
+    else if (str_type == "list")
+    {
+        g_train_task_parms[str_key] = str_value.split(',').map(Number);
+    }
+    else if (str_type == "bool")
+    {
+        if(str_value == "on")
+        {
+            g_train_task_parms[str_key] = true;
+        }
+        else
+        {
+            g_train_task_parms[str_key] = false;
+        }
+    }
+    else
+    {
+        if(str_key == "backbone" && str_value == "NA")
+        {
+            g_train_task_parms[str_key] = "";
+            return;
+        }
+        if(str_key == "use_gpu")
+        {
+            if(str_value == "yes")
+            {
+                g_train_task_parms["use_gpu"] = true;
+                var str_card_list = document.getElementById('task_detail_parm_cuda_visible_devices').value
+                g_train_task_parms["cuda_visible_devices"] = str_card_list;
+                //g_train_task_parms["cuda_visible_devices"] = str_card_list.split(',').map(Number);
+                return;
+            }
+            else
+            {
+                return;
+            }
+        }
+        g_train_task_parms[str_key] = str_value;
+    }
+}
+
+//保存数据增强设置
+function set_data_augument_parms(str_task_id)
+{
+    g_train_task_parms["brightness_prob"] = document.getElementById('brightness_prob').value;
+    g_train_task_parms["brightness_range"] = document.getElementById('brightness_range').value;
+    
+    g_train_task_parms["contrast_prob"] = document.getElementById('contrast_prob').value;
+    g_train_task_parms["contrast_range"] = document.getElementById('contrast_range').value;
+    
+    g_train_task_parms["saturation_prob"] = document.getElementById('saturation_prob').value;
+    g_train_task_parms["saturation_range"] = document.getElementById('saturation_range').value;
+    
+    g_train_task_parms["hue_prob"] = document.getElementById('hue_prob').value;
+    g_train_task_parms["hue_range"] = document.getElementById('hue_range').value;
+    
+    g_train_task_parms["vertical_flip_prob"] = document.getElementById('vertical_flip_prob').value;
+    g_train_task_parms["horizontal_flip_prob"] = document.getElementById('horizontal_flip_prob').value;
+    
+    g_train_task_parms["rotate_prob"] = document.getElementById('rotate_prob').value;
+    g_train_task_parms["rotate_range"] = document.getElementById('rotate_range').value;
+    
+    //保存参数
+    if(str_task_id.length > 0)
+    {
+        var http_request = new XMLHttpRequest();
+        if (window.XMLHttpRequest)
+        {
+            http_request=new XMLHttpRequest();
+        }
+        else
+        {
+            http_request=new ActiveXObject("Microsoft.XMLHTTP");
+        }
+        var data = {"tid":str_task_id,"train":JSON.stringify(g_train_task_parms)};
+
+        http_request.open("POST", str_srv_url + "/project/task/params", false);
+        http_request.setRequestHeader("Content-type","application/json");
+        http_request.send(JSON.stringify(data));
+    }
+}
+
+//加载任务数据增强配置参数信息
+function load_data_augument_parms()
+{
+    document.getElementById('brightness_prob').value = g_train_task_parms["brightness_prob"];
+    document.getElementById('brightness_range').value = g_train_task_parms["brightness_range"];
+    
+    document.getElementById('contrast_prob').value = g_train_task_parms["contrast_prob"];
+    document.getElementById('contrast_range').value = g_train_task_parms["contrast_range"];
+    
+    document.getElementById('saturation_prob').value = g_train_task_parms["saturation_prob"];
+    document.getElementById('saturation_range').value = g_train_task_parms["saturation_range"];
+    
+    document.getElementById('hue_prob').value = g_train_task_parms["hue_prob"];
+    document.getElementById('hue_range').value = g_train_task_parms["hue_range"];
+    
+    document.getElementById('vertical_flip_prob').value = g_train_task_parms["vertical_flip_prob"];
+    document.getElementById('horizontal_flip_prob').value = g_train_task_parms["horizontal_flip_prob"];
+    
+    document.getElementById('rotate_prob').value = g_train_task_parms["rotate_prob"];
+    document.getElementById('rotate_range').value = g_train_task_parms["rotate_range"];
+}
+
+//启动训练任务
+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();
+                 
+                 if (document.getElementById('btn_refresh').value == "刷新项目任务信息")
+                 {
+                     load_project_tasks(g_view_project_task_id);
+                 }
+                 else
+                 {
+                     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);
+                 if (document.getElementById('btn_refresh').value == "刷新项目任务信息")
+                 {
+                     load_project_tasks(g_view_project_task_id);
+                 }
+                 else
+                 {
+                     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 test_task_model()
+{
+    document.getElementById('model_test_img_src').src = "";
+
+    document.getElementById('test_model_name_text').value = "NA";
+    document.getElementById('test_model_type_text').value = "NA";
+    document.getElementById('test_model_path_text').value = "NA";
+    
+    table_test_model_info.rows[0].style.display = "none";
+    table_test_model_info.rows[1].style.display = "none";
+    table_test_model_info.rows[2].style.display = "none";
+    document.getElementById('win_model_predict_test').style.height = "450px";
+
+    var on_win_model_predict_test = document.getElementById('win_model_predict_test');
+    var over_win_model_predict_test = document.getElementById('win_model_predict_test_over');
+    
+    on_win_model_predict_test.style.display = "block";
+    over_win_model_predict_test.style.display = "block";
+}
+
+//删除模型
+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 show_model_test_predict_win_modal(obj)
+{
+    var str_model_id = obj.id;
+    var str_model_type = document.getElementById('view_model_detail_type_' + str_model_id).value;
+    //保存模型id
+    document.getElementById('predict_test_model_id').value = str_model_id;
+    
+    //模型信息显示
+    table_test_model_info.rows[0].style.display = "table-row";
+    table_test_model_info.rows[1].style.display = "table-row";
+    table_test_model_info.rows[2].style.display = "table-row";
+    document.getElementById('win_model_predict_test').style.height = "540px";
+    
+    var str_model_view_type = Project_Type_Name_Enum[str_model_type];
+    document.getElementById('model_test_img_src').src = "";
+                
+    document.getElementById('test_model_name_text').value = document.getElementById('view_model_detail_name_' + str_model_id).value + "(" + str_model_id + ")";
+    document.getElementById('test_model_type_text').value = str_model_view_type + "-" + document.getElementById('view_model_detail_net_' + str_model_id).value;
+    document.getElementById('test_model_path_text').value = document.getElementById('view_model_detail_path_' + str_model_id).value;
+
+    var on_win_model_predict_test = document.getElementById('win_model_predict_test');
+    var over_win_model_predict_test = document.getElementById('win_model_predict_test_over');
+    
+    on_win_model_predict_test.style.display = "block";
+    over_win_model_predict_test.style.display = "block";
+}
+
+//关闭模型预测窗口
+function hide_model_test_predict_win_modal(obj)
+{
+    document.getElementById('test_model_src_img_path_text').value = "";
+    document.getElementById('model_test_img_src').src = "";
+    document.getElementById('predict_test_model_id').value = "";
+    document.getElementById('model_test_img_result').src = "";
+    
+    document.getElementById('btn_model_predict_test').value = "预测";
+    
+    var on_win_model_predict_test = document.getElementById('win_model_predict_test');
+    var over_win_model_predict_test = document.getElementById('win_model_predict_test_over');
+    
+    on_win_model_predict_test.style.display = "none";
+    over_win_model_predict_test.style.display = "none";
+}
+
+//加载预测原图像并预览
+function load_predict_file_and_preview(file)
+{
+    if (!file.files || !file.files[0])
+    {
+        return;
+    }
+    var reader = new FileReader();
+    reader.onload = function (evt)
+    {
+        document.getElementById('model_test_img_result').src = "";
+        document.getElementById('model_test_img_src').src = evt.target.result;
+        image = evt.target.result;
+    }
+    reader.readAsDataURL(file.files[0]);
+}
+
+//模型预测
+function model_predict_test(obj)
+{
+    if (document.getElementById('btn_model_predict_test').value == "预测中...")
+    {
+        alert("预测进行中，请稍候...");
+        return;
+    }
+    var str_img_data = document.getElementById('model_test_img_src').src;
+    
+    if(document.getElementById('test_model_name_text').value == "NA" && document.getElementById('test_model_type_text').value == "NA")
+    {
+        var str_predict_task_id = document.getElementById('evaluate_export_task_id').value;
+    }
+    else
+    {
+        var str_predict_model_id = document.getElementById('predict_test_model_id').value;
+        var str_predict_task_id = document.getElementById("view_model_detail_tid_" + str_predict_model_id).value;
+    }
+    
+    var str_src_file_name = document.getElementById('test_model_src_img_path_text').value;
+    if(str_img_data == "" || str_src_file_name == "")
+    {
+        alert("请先选择要测试的图片！");
+        return;
+    }
+    
+    var http_request;
+    if (window.XMLHttpRequest)
+    {
+        http_request=new XMLHttpRequest();
+    }
+    else
+    {
+        http_request=new ActiveXObject("Microsoft.XMLHTTP");
+    }
+    
+    var idx_postfix = str_img_data.indexOf("base64,");
+    if(idx_postfix > 0)
+    {
+        str_img_data = str_img_data.substring(idx_postfix + 7,str_img_data.length);
+    }
+
+    var data = {"tid":str_predict_task_id,"image_data":str_img_data};
+    http_request.open("POST", str_srv_url + "/project/task/predict", false);
+    http_request.setRequestHeader("Content-type","application/json");
+    http_request.send(JSON.stringify(data));
+    var obj_json = eval('(' + http_request.responseText + ')');
+    var str_result_path = obj_json["path"];
+    
+    document.getElementById('btn_model_predict_test').value = "预测中...";
+    g_predict_wait_times = 0;
+    
+    setTimeout(function(){show_predict_result(str_result_path, str_predict_task_id);}, 1000);
+}
+
+//显示预测结果等待次数
+var g_predict_wait_times = 0;
+
+//显示预测结果
+function show_predict_result(str_path, str_task_id)
+{
+    //获取预测结果
+    g_predict_wait_times = g_predict_wait_times + 1;
+    var http_request;
+    if (window.XMLHttpRequest)
+    {
+        http_request=new XMLHttpRequest();
+    }
+    else
+    {
+        http_request=new ActiveXObject("Microsoft.XMLHTTP");
+    }
+    http_request.open("GET", str_srv_url + "/project/task/predict?tid=" + str_task_id, false);
+    http_request.send(null);
+    
+    var obj_json = eval('(' + http_request.responseText + ')');
+    var str_predict_status = parseInt(obj_json["predict_status"]);
+    
+    if(str_predict_status == PredictStatus.XPREDONE)
+    {
+        var str_result_content = get_img_file_from_server(str_path);
+        var str_b64_type = "data:image/png;base64,";
+        document.getElementById('model_test_img_result').src = str_b64_type + str_result_content;
+        
+        document.getElementById('btn_model_predict_test').value = "预测";
+        alert("预测完成，请查看右图预测结果（双击可放大）。");
+    }
+    else if(str_predict_status == PredictStatus.XPREFAIL)
+    {
+        document.getElementById('btn_model_predict_test').value = "预测";
+        alert("预测失败，请检测服务器配置:\n" + http_request.responseText);
+    }
+    else if(str_predict_status == PredictStatus.XPRESTART)
+    {
+        if(g_predict_wait_times <= 30)
+        {
+            setTimeout(function(){show_predict_result(str_path, str_task_id);}, 1000);
+        }
+    }
+    else
+    {
+        if(g_predict_wait_times <= 30)
+        {
+            setTimeout(function(){show_predict_result(str_path, str_task_id);}, 1000);
+        }
+    }
+}
+
+//新建对象
+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;
+    obj_sel_backbone.value = "NA";
+    
+    if(lst_backbones.length > 0)
+    {
+        for(var p in lst_backbones)
+        {
+            obj_sel_backbone.options[obj_sel_backbone.options.length] = new Option(lst_backbones[p], lst_backbones[p]);
+        }
+    }
+    obj_sel_backbone[0].selected = true;
+}
+
+//修改创建项目时下拉列表触发更新下拉数据集列表
+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);
+        }
+    }  
+}
+
+//更新导航栏链接
+function update_nav_bar(str_type = Nav_Bar_Type_Enum["projects"])
+{
+    var str_html = "PaddleX ：";
+    if(str_type == Nav_Bar_Type_Enum["projects"])
+    {
+        str_html = str_html + "<a href=\"javascript:load_projects()\">" + str_type + "</a>";
+    }
+    else if(str_type == Nav_Bar_Type_Enum["datasets"])
+    {
+        str_html = str_html + "<a href=\"javascript:load_datasets()\">" + str_type + "</a>";
+    }
+    else if(str_type == Nav_Bar_Type_Enum["tasks"])
+    {
+        str_html = str_html + "<a href=\"javascript:load_tasks()\">" + str_type + "</a>";
+    }
+    else if(str_type == Nav_Bar_Type_Enum["models"])
+    {
+        str_html = str_html + "<a href=\"javascript:load_models()\">" + str_type + "</a>";
+    }
+    else if(str_type == Nav_Bar_Type_Enum["project_tasks"])
+    {
+        str_html = str_html + "<a href=\"javascript:load_projects()\">" + Nav_Bar_Type_Enum["projects"] + "</a>";
+        str_html = str_html + "&nbsp&nbsp>&nbsp&nbsp";
+        str_html = str_html + "<a href=\"javascript:load_project_tasks(g_view_project_task_id)\">";
+        str_html = str_html + g_view_project_task_name + "</a>";
+    }
+            
+    table_nav_bar.rows[0].cells[1].innerHTML = str_html;
+}
+
+//数据集图片预览时前一张及后一张图像
+function img_arrow_click(obj)
+{
+    if(obj.style.borderColor == "gray")
+    {
+        return;
+    }
+
+    if(obj.id == "arrow_pre_img")
+    {
+        get_one_img_file("pre");
+    }
+    else
+    {
+        get_one_img_file("next");
+    }
+}
+
+//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="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>
+<!--nav bar-->
+<table width="100%" height="35px" align="center" cellspacing="1px" id="table_nav_bar" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">
+<tr style="background-color:#EBEBEB">
+  <td style="width: 15px;"></td>
+  <td align="left">PaddleX：<a href="javascript:load_projects()">全部项目</a></td>
+</tr>
+</table>
+<br>
+<!--nav bar-->
+<div style="text-align:center;clear:both;margin-top:10px">
+
+<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; 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:fixed;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" id="div_btn_download_demo"><input type="button" id="btn_download_demo" style="background:#008F00;" value="下载示例项目" onclick="download_demo_btn_proc(this);" /></div>
+    &nbsp;&nbsp;&nbsp;&nbsp;
+    <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:fixed;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:fixed;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:fixed;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:fixed;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:fixed;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:fixed;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:fixed;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:fixed;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:fixed;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:fixed;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:fixed;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:fixed;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:fixed;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:fixed;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_test_task_model"><input type="button" id="btn_test_task_model" style="background:#942193;" value="模型测试" onclick="test_task_model(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:fixed;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:fixed;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%">
+           <select id="sel_dataset_view_type" onchange="change_dataset_view_type(this);" style="width:180px;height:30px;Float:left;">
+             <option value="all">查看全量数据</option>
+             <option value="train">查看训练集</option>
+             <option value="evaluate">查看验证集</option>
+             <option value="test">查看测试集</option>
+           </select>
+           全部数据预览 &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" 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" 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" 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:fixed;top:0;left:0; z-index:9;background: silver;"></div>
+<!--数据集预览窗口-->
+
+<!--浏览原图弹出窗口-->
+<div id="win_browse_img" style="display:none;border:1px solid #cccccc;height:610px;width:60%;position:fixed;top:15%;left:20%;z-index:15;background:white;">
+  <table width="100%" align="center" id="table_img">
+    <tr>
+    	<td width="15%" align="center"><arrow class="left" id="arrow_pre_img" onclick="img_arrow_click(this)"></arrow></td>
+      <td width="70%">
+        <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>
+      <td width="15%" align="center"><arrow class="right" id="arrow_next_img" onclick="img_arrow_click(this)"></arrow></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:fixed;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:fixed;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:fixed;top:0;left:0; z-index:9;background: silver;"></div>
+<!--浏览日志窗口-->
+
+<!--数据增强详细信息窗口-->
+<div id="win_data_augmentation_detail" style="display:none;border:1px solid #cccccc;height:420px;width:55%;position:fixed;top:22%;left:22%;z-index:15;background:white;">
+  <!--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 model informations-->
+  <table width="100%" align="center" id="table_data_augmentation_info">
+  <tr>
+  <td><div style="font-size: 14px;">随机亮度概率:</div></td>
+  <td>
+    <input type="hidden" id="data_augmentation_task_id" value="">
+    <input id="brightness_prob" value="0.5" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
+  </td>
+  <td><div style="font-size: 14px;">亮度范围:</div></td>
+  <td>
+    <input id="brightness_range" value="0.9" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
+  </td>
+  </tr>
+  
+  <tr>
+  <td><div style="font-size: 14px;">随机对比度概率:</div></td>
+  <td>
+    <input id="contrast_prob" value="0.5" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
+  </td>
+  <td><div style="font-size: 14px;">对比度范围:</div></td>
+  <td>
+    <input id="contrast_range" value="0.9" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
+  </td>
+  </tr>
+  
+  <tr>
+  <td><div style="font-size: 14px;">随机饱和度概率:</div></td>
+  <td>
+    <input id="saturation_prob" value="0.5" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
+  </td>
+  <td><div style="font-size: 14px;">饱和度范围:</div></td>
+  <td>
+    <input id="saturation_range" value="0.9" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
+  </td>
+  </tr>
+  
+  <tr>
+  <td><div style="font-size: 14px;">随机色调概率:</div></td>
+  <td>
+    <input id="hue_prob" value="0.5" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
+  </td>
+  <td><div style="font-size: 14px;">色调范围:</div></td>
+  <td>
+    <input id="hue_range" value="18" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
+  </td>
+  </tr>
+  
+  <tr>
+  <td><div style="font-size: 14px;">随机上下翻转概率:</div></td>
+  <td>
+    <input id="vertical_flip_prob" value="0.5" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
+  </td>
+  <td><div style="font-size: 14px;">随机水平翻转概率:</div></td>
+  <td>
+    <input id="horizontal_flip_prob" value="0.5" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
+  </td>
+  </tr>
+  
+  <tr>
+  <td><div style="font-size: 14px;">旋转概率:</div></td>
+  <td>
+    <input id="rotate_prob" value="0.5" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text"/>
+  </td>
+  <td><div style="font-size: 14px;">最大旋转角度:</div></td>
+  <td>
+    <input id="rotate_range" value="30" style="width:90% ;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_hide_model_predict_win" value="取消" onclick="hide_augument_detail_parms(this);" style="background:#529EFF;" /></div>
+    &nbsp;&nbsp;&nbsp;&nbsp;
+    <div class="btn"><input type="button" id="btn_model_predict_test" value="保存设置" onclick="save_augument_detail_parms(this);" /></div>
+  </div>
+</div>
+<div id="win_data_augmentation_detail_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:fixed;top:0;left:0; z-index:14;background: silver;"></div>
+<!--数据增强详细信息窗口-->
+
+<!--Demo下载窗口-->
+<div id="demo_download_win" style="display:none;border:1px solid #cccccc;height:390px;width:50%;position:fixed;top:24%;left:24%;z-index:10;background:white;">
+  <!--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/>
+  <!--demos-->
+  <table width="100%" align="center" id="download_demo_detail_info">
+  <tr>
+  <td width="40%"><br>
+    <label id="download_cls"><input type="checkbox" id="download_cls_label" value="下载图像分类示例项目" style="height: 12px;width: 12px;">下载图像分类示例项目</label>
+  </td>
+  <td>
+    <br><div class="progress"> <span id="cls_download_status_progress_bar_value" class="green" style="width: 0%;"><span id="cls_download_status_progress_bar">0%</span></span></div>
+  </td>
+  <td>&nbsp</td>
+  </tr>
+  <tr>
+  <td width="40%"><br>
+    <label id="download_det"><input type="checkbox" id="download_det_label" value="下载目标检测示例项目" style="height: 12px;width: 12px;">下载目标检测示例项目</label>
+  </td>
+  <td>
+    <br><div class="progress"> <span id="det_download_status_progress_bar_value" class="green" style="width: 0%;"><span id="det_download_status_progress_bar">0%</span></span></div>
+  </td>
+  <td>&nbsp</td>
+  </tr>
+  <tr>
+  <td width="40%"><br>
+    <label id="download_ins"><input type="checkbox" id="download_ins_label" value="下载实例分割示例项目" style="height: 12px;width: 12px;">下载实例分割示例项目</label>
+  </td>
+  <td>
+    <br><div class="progress"> <span id="ins_download_status_progress_bar_value" class="green" style="width: 0%;"><span id="ins_download_status_progress_bar">0%</span></span></div>
+  </td>
+  <td>&nbsp</td>
+  </tr>
+  <tr>
+  <td width="40%"><br>
+    <label id="download_seg"><input type="checkbox" id="download_seg_label" value="下载语义分割示例项目" style="height: 12px;width: 12px;">下载语义分割示例项目</label>
+  </td>
+  <td>
+    <br><div class="progress"> <span id="seg_download_status_progress_bar_value" class="green" style="width: 0%;"><span id="seg_download_status_progress_bar">0%</span></span></div>
+  </td>
+  <td>&nbsp</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_download_demo" style="background:#529EFF;" value="关闭窗口" onclick="hide_download_demo_win_modal();" /></div>
+    &nbsp;&nbsp;&nbsp;&nbsp;
+    <div class="btn"><input type="button" id="btn_download_proc" value="开始下载" onclick="download_win_btn_proc(this);" /></div>
+  </div>
+</div>
+<div id="demo_download_win_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:fixed;top:0;left:0;z-index:9;background: silver;"></div>
+<!--Demo下载窗口-->
+
+<!--模型测试窗口-->
+<div id="win_model_predict_test" style="display:none;border:1px solid #cccccc;height:540px;width:60%;position:fixed;top:16%;left:20%;z-index:10;background:white;">
+  <!--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 model informations-->
+  <table width="100%" align="center" id="table_test_model_info">
+  <tr>
+  <td><div style="font-size: 14px;">模型名称:</div></td>
+  <td>
+    <input type="hidden" id="predict_test_model_id" value="">
+    <input id="test_model_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="test_model_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="test_model_path_text" style="width:96% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" readonly="readonly"/>
+  </td>
+  </tr>
+  <tr>
+  <td colspan = "4">
+    <div style="margin-top: 5px; padding: 1px 1px 1px; text-align: right; border-top: 1px solid #e5e5e5;"></div>
+  </td>
+  </tr>
+  <tr>
+    <td><div style="font-size: 14px;">预测图片:</div></td>
+    <td colspan = "3">
+      <input type="file" id="test_model_src_img_path_text" onchange="load_predict_file_and_preview(this)" accept="image/gif,image/jpeg,image/jpg,image/bmp" style="width:96% ;height:20px;" type="text"/>
+    </td>
+  </tr>
+  </table>
+  <!--src and predict view-->
+  <div class="scroll-content">
+  <div>
+    <table width="100%" align="center" id="model_test_predict_head">
+      <tr>
+        <th width="50%">预览原图</th>
+        <th width="50%">预测结果</th>
+      </tr>
+    </table>
+  </div>
+  <div>
+    <table width="100%" align="center" id="table_browse_src_and_result">
+       <tr>
+        <td>
+          <div class="">
+            <table width="100%" align="center" id="table_img_predict_result">
+              <tr>
+                <td><img id="model_test_img_src" ondblclick="zoom_image(this)" align="center" style="border:1px #D6D6D6 solid;" height="200" width="200" hspace="0" vspace="0"/></td>
+              </tr>
+            </table>
+          </div>
+        </td>
+        <td>
+          <div class="">
+            <table width="100%" align="center" id="table_img_predict_result">
+              <tr>
+                <td><img id="model_test_img_result" ondblclick="zoom_image(this)" align="center" style="border:1px #D6D6D6 solid;" height="200" width="200" hspace="0" vspace="0"/></td>
+              </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_hide_model_predict_win" value="取消" onclick="hide_model_test_predict_win_modal(this);" style="background:#529EFF;" /></div>
+    &nbsp;&nbsp;&nbsp;&nbsp;
+    <div class="btn"><input type="button" id="btn_model_predict_test" value="预测" onclick="model_predict_test(this);" /></div>
+  </div>
+</div>
+<div id="win_model_predict_test_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:fixed;top:0;left:0; z-index:9;background: silver;"></div>
+<!--模型测试窗口-->
+
+<div class="btn">
+    <input type="button" id="btn_refresh" style="width: 150px; height: 50px; " value="刷新项目信息" onclick="javascript:refresh_contents(this);"/>
+</div>
+<br>
+
+</body>
+</html>