|
|
@@ -0,0 +1,3463 @@
|
|
|
+<!--
|
|
|
+# Copyright (c) 2020 PaddlePaddle Authors. All Rights Reserved.
|
|
|
+#
|
|
|
+# Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
+# you may not use this file except in compliance with the License.
|
|
|
+# You may obtain a copy of the License at
|
|
|
+#
|
|
|
+# http://www.apache.org/licenses/LICENSE-2.0
|
|
|
+#
|
|
|
+# Unless required by applicable law or agreed to in writing, software
|
|
|
+# distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
+# See the License for the specific language governing permissions and
|
|
|
+# limitations under the License.
|
|
|
+-->
|
|
|
+
|
|
|
+<!doctype html>
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+<meta charset="utf-8">
|
|
|
+<title>欢迎使用 PaddleX RestfulAPI Demo示例程序</title>
|
|
|
+
|
|
|
+<style type="text/css">
|
|
|
+h1{
|
|
|
+ font:400 40px 'pt sans',sans-serif;
|
|
|
+ text-align:center;
|
|
|
+}
|
|
|
+.nav a{
|
|
|
+ text-decoration:none;
|
|
|
+}
|
|
|
+.nav{
|
|
|
+ height:70px;
|
|
|
+ background:#0000cd;
|
|
|
+ position:relative;
|
|
|
+ z-index:6;
|
|
|
+}
|
|
|
+.nav>ul{
|
|
|
+ position:relative;
|
|
|
+ list-style:none;
|
|
|
+ padding:0;
|
|
|
+ margin:0;
|
|
|
+}
|
|
|
+.nav>ul>li>ul{
|
|
|
+ position:absolute;
|
|
|
+ left:0;
|
|
|
+ padding:0;
|
|
|
+ margin:0;
|
|
|
+ list-style:none;
|
|
|
+}
|
|
|
+.nav>ul>li:hover>ul li a{
|
|
|
+ opacity:1;
|
|
|
+ height:50px;
|
|
|
+ transition:all .3s linear;
|
|
|
+ -o-transition:all .3s linear;
|
|
|
+ -moz-transition:all .3s linear;
|
|
|
+ -webkit-transition:all .3s linear;
|
|
|
+}
|
|
|
+.nav>ul>li>ul a{
|
|
|
+ display:block;
|
|
|
+ color:#222;
|
|
|
+ width:150px;
|
|
|
+ line-height:50px !important;
|
|
|
+ font:700 16px 'pt sans',sans-serif;
|
|
|
+ background:#eee;
|
|
|
+ border-bottom:1px solid #ddd;
|
|
|
+ text-align:center;
|
|
|
+ padding:0 5px;
|
|
|
+ height:0;
|
|
|
+ overflow:hidden;
|
|
|
+ opacity:0;
|
|
|
+ transition:all .3s linear .2s;
|
|
|
+ -o-transition:all .3s linear .2s;
|
|
|
+ -moz-transition:all .3s linear .2s;
|
|
|
+ -webkit-transition:all .3s linear .2s;
|
|
|
+}
|
|
|
+.nav>ul>li>ul a:hover{
|
|
|
+ display:block;
|
|
|
+ color:#222;
|
|
|
+ width:150px;
|
|
|
+ line-height:50px !important;
|
|
|
+ font:700 16px 'pt sans',sans-serif;
|
|
|
+ background:#A8D9FF;
|
|
|
+ border-bottom:1px solid #ddd;
|
|
|
+ text-align:center;
|
|
|
+ padding:0 5px;
|
|
|
+ height:0;
|
|
|
+ overflow:hidden;
|
|
|
+ opacity:0;
|
|
|
+ transition:all .3s linear .2s;
|
|
|
+ -o-transition:all .3s linear .2s;
|
|
|
+ -moz-transition:all .3s linear .2s;
|
|
|
+ -webkit-transition:all .3s linear .2s;
|
|
|
+}
|
|
|
+.nav>ul>li{
|
|
|
+ float:left;
|
|
|
+ position:relative;
|
|
|
+}
|
|
|
+.nav>ul>li>a{
|
|
|
+ padding:0 20px;
|
|
|
+ color:#fff;
|
|
|
+ display:block;
|
|
|
+ line-height:70px !important;
|
|
|
+ font:400 15px 'PT Sans', sans-serif;
|
|
|
+ text-decoration:none;
|
|
|
+}
|
|
|
+
|
|
|
+.lamp span{
|
|
|
+ display:block;
|
|
|
+ height:4px;
|
|
|
+ background:#ee6666;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.lamp span:after {
|
|
|
+ bottom: 100%;
|
|
|
+ left: 50%;
|
|
|
+ border: solid transparent;
|
|
|
+ content: " ";
|
|
|
+ height: 0;
|
|
|
+ width: 0;
|
|
|
+ position: absolute;
|
|
|
+ pointer-events: none;
|
|
|
+ border-color: rgba(238, 102, 102, 0);
|
|
|
+ border-bottom-color: #ee6666;
|
|
|
+ border-width: 4px;
|
|
|
+ margin-left: -4px;
|
|
|
+}
|
|
|
+.lamp{
|
|
|
+ position:absolute !important;
|
|
|
+ height:4px;
|
|
|
+ top:66px;
|
|
|
+ background:#333;
|
|
|
+ transition:all .3s linear;
|
|
|
+ -o-transition:all .3s linear;
|
|
|
+ -moz-transition:all .3s linear;
|
|
|
+ -webkit-transition:all .3s linear;
|
|
|
+}
|
|
|
+.selected.active>a,.active>a{
|
|
|
+ transition:all .3s linear;
|
|
|
+ -o-transition:all .3s linear;
|
|
|
+ -moz-transition:all .3s linear;
|
|
|
+ -webkit-transition:all .3s linear;
|
|
|
+ color:#fff;
|
|
|
+}
|
|
|
+.credit{
|
|
|
+ text-align:center;
|
|
|
+ margin:20px 0;
|
|
|
+}
|
|
|
+.blog-link{
|
|
|
+ color:#fff;
|
|
|
+ text-decoration:none;
|
|
|
+ background:#eee;
|
|
|
+ background-size:40px;
|
|
|
+ line-height:50px;
|
|
|
+ display:inline-block;
|
|
|
+ padding:0 10px;
|
|
|
+ border-radius:px;
|
|
|
+ border-bottom:3px solid #ddd;
|
|
|
+ color:#333;
|
|
|
+ font-family:'open sans',sans-serif;
|
|
|
+ margin:10px;
|
|
|
+}
|
|
|
+.dgithub{
|
|
|
+ color:#fff;
|
|
|
+ text-decoration:none;
|
|
|
+ background-size:40px;
|
|
|
+ line-height:50px;
|
|
|
+ display:inline-block;
|
|
|
+ padding:0 10px 0 50px;
|
|
|
+ background-position:5px;
|
|
|
+ border-radius:4px;
|
|
|
+ border-bottom:3px solid #ddd;
|
|
|
+ color:#333;
|
|
|
+ font-family:'open sans',sans-serif;
|
|
|
+ margin:10px;
|
|
|
+}
|
|
|
+
|
|
|
+#draw-border {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ height: 10vh;
|
|
|
+}
|
|
|
+
|
|
|
+view_item {
|
|
|
+ border: 1px solid;
|
|
|
+ background: none;
|
|
|
+ width: 300px;
|
|
|
+ height:170px;
|
|
|
+ text-transform: uppercase;
|
|
|
+ text-align:left;
|
|
|
+ color: #4361ee;
|
|
|
+ font-weight: bold;
|
|
|
+ position: relative;
|
|
|
+ outline: none;
|
|
|
+ padding: 10px 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-radius: 8px;
|
|
|
+ cursor: pointer;
|
|
|
+ value: "";
|
|
|
+}
|
|
|
+view_item::before, view_item::after {
|
|
|
+ box-sizing: inherit;
|
|
|
+ position: absolute;
|
|
|
+ content: '';
|
|
|
+ border: 2px solid transparent;
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ border-radius: 6px;
|
|
|
+}
|
|
|
+view_item::after {
|
|
|
+ bottom: 0;
|
|
|
+ right: 0;
|
|
|
+}
|
|
|
+view_item::before {
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+}
|
|
|
+view_item:hover::before, view_item:hover::after {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+view_item:hover::before {
|
|
|
+ border-top-color: #4361ee;
|
|
|
+ border-right-color: #4361ee;
|
|
|
+ transition: width 0s ease-out, height 0s ease-out 0s;
|
|
|
+}
|
|
|
+view_item:hover::after {
|
|
|
+ border-bottom-color: #4361ee;
|
|
|
+ border-left-color: #4361ee;
|
|
|
+ transition: border-color 0s ease-out 0s, width 0s ease-out 0s, height 0s ease-out 0s;
|
|
|
+}
|
|
|
+
|
|
|
+body { background: #f6f6f6;}
|
|
|
+
|
|
|
+.btn {
|
|
|
+ width: 120px;
|
|
|
+ height: 40px;
|
|
|
+ display: inline-block;
|
|
|
+ //padding: 2px;
|
|
|
+ border-radius: 10px;
|
|
|
+ vertical-align: middle;
|
|
|
+ background: #0000cd;
|
|
|
+ //background: linear-gradient(268deg,#e3164e,#7f1ba7,#841c39,#e993e7,#d27228);
|
|
|
+ background-size: 1000% 1000%;
|
|
|
+ -webkit-animation: gradient 10s ease infinite;
|
|
|
+ -moz-animation: gradient 10s ease infinite;
|
|
|
+ -o-animation: Agradient 10s ease infinite;
|
|
|
+ animation: gradient 10s ease infinite;
|
|
|
+}
|
|
|
+.btn input {
|
|
|
+ font: 300 14px/14px 'Source Sans Pro',sans-serif;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ display: block;
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ text-transform: uppercase;
|
|
|
+ background: #0000cd;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ border-radius: 10px;
|
|
|
+ color: #f6f6f6;
|
|
|
+ cursor: pointer;
|
|
|
+ transition: all 0.3s cubic-bezier(0.645,0.045,0.355,1)
|
|
|
+}
|
|
|
+.btn:hover input {
|
|
|
+ background: transparent;
|
|
|
+ color: #f6f6f6;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ outline: 1px;
|
|
|
+ background: #0000e7;
|
|
|
+}
|
|
|
+
|
|
|
+.btn-toggle-mx {
|
|
|
+ -webkit-transform: rotateY(0deg);
|
|
|
+ transform: rotateY(0deg);
|
|
|
+ -webkit-transition: 0.8s all;
|
|
|
+ -o-transition: 0.8s all;
|
|
|
+ transition: 0.8s all
|
|
|
+}
|
|
|
+.btn-toggle-mx.transmx {
|
|
|
+ -webkit-transform: rotateY(180deg);
|
|
|
+ transform: rotateY(180deg);
|
|
|
+}
|
|
|
+
|
|
|
+.progress {
|
|
|
+ height:20px;
|
|
|
+ background:#ebebeb;
|
|
|
+ border-left:1px solid transparent;
|
|
|
+ border-right:1px solid transparent;
|
|
|
+ border-radius:10px;
|
|
|
+}
|
|
|
+.progress > span {
|
|
|
+ position:relative;
|
|
|
+ float:left;
|
|
|
+ margin:0 -1px;
|
|
|
+ min-width:30px;
|
|
|
+ height:18px;
|
|
|
+ line-height:16px;
|
|
|
+ text-align:right;
|
|
|
+ background:#cccccc;
|
|
|
+ border:1px solid;
|
|
|
+ border-color:#bfbfbf #b3b3b3 #9e9e9e;
|
|
|
+ border-radius:10px;
|
|
|
+ background-image:-webkit-linear-gradient(top,#f0f0f0 0%,#dbdbdb 70%,#cccccc 100%);
|
|
|
+ background-image:-moz-linear-gradient(top,#f0f0f0 0%,#dbdbdb 70%,#cccccc 100%);
|
|
|
+ background-image:-o-linear-gradient(top,#f0f0f0 0%,#dbdbdb 70%,#cccccc 100%);
|
|
|
+ background-image:linear-gradient(to bottom,#f0f0f0 0%,#dbdbdb 70%,#cccccc 100%);
|
|
|
+ -webkit-box-shadow:inset 0 1px rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.2);
|
|
|
+ box-shadow:inset 0 1px rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.2);
|
|
|
+}
|
|
|
+.progress > span > span {
|
|
|
+ padding:0 8px;
|
|
|
+ font-size:9px;
|
|
|
+ font-weight:bold;
|
|
|
+ color:#404040;
|
|
|
+ color:rgba(0,0,0,0.7);
|
|
|
+ text-shadow:0 1px rgba(255,255,255,0.4);
|
|
|
+}
|
|
|
+.progress > span:before {
|
|
|
+ content:'';
|
|
|
+ position:absolute;
|
|
|
+ top:0;
|
|
|
+ bottom:0;
|
|
|
+ left:0;
|
|
|
+ right:0;
|
|
|
+ z-index:1;
|
|
|
+ height:18px;
|
|
|
+ border-radius:10px;
|
|
|
+}
|
|
|
+.progress .green {
|
|
|
+ background:#85c440;
|
|
|
+ border-color:#78b337 #6ba031 #568128;
|
|
|
+ background-image:-webkit-linear-gradient(top,#b7dc8e 0%,#99ce5f 70%,#85c440 100%);
|
|
|
+ background-image:-moz-linear-gradient(top,#b7dc8e 0%,#99ce5f 70%,#85c440 100%);
|
|
|
+ background-image:-o-linear-gradient(top,#b7dc8e 0%,#99ce5f 70%,#85c440 100%);
|
|
|
+ background-image:linear-gradient(to bottom,#b7dc8e 0%,#99ce5f 70%,#85c440 100%);
|
|
|
+}
|
|
|
+.progress .blue {
|
|
|
+ background:#5aaadb;
|
|
|
+ border-color:#459fd6 #3094d2 #277db2;
|
|
|
+ background-image:-webkit-linear-gradient(top,#aed5ed 0%,#7bbbe2 70%,#5aaadb 100%);
|
|
|
+ background-image:-moz-linear-gradient(top,#aed5ed 0%,#7bbbe2 70%,#5aaadb 100%);
|
|
|
+ background-image:-o-linear-gradient(top,#aed5ed 0%,#7bbbe2 70%,#5aaadb 100%);
|
|
|
+ background-image:linear-gradient(to bottom,#aed5ed 0%,#7bbbe2 70%,#5aaadb 100%);
|
|
|
+}
|
|
|
+
|
|
|
+#popupmenu_project{
|
|
|
+ border:1px solid #ddd;
|
|
|
+ background: #eee;
|
|
|
+ position: absolute;
|
|
|
+ width: 200px;
|
|
|
+ height: 140px;
|
|
|
+ display: none;
|
|
|
+ z-index:8;
|
|
|
+}
|
|
|
+.popupmenu_project tr:hover{background:#A8D9FF;}
|
|
|
+
|
|
|
+#popupmenu_dataset{
|
|
|
+ border:1px solid #ddd;
|
|
|
+ background: #eee;
|
|
|
+ position: absolute;
|
|
|
+ width: 200px;
|
|
|
+ height: 50px;
|
|
|
+ display: none;
|
|
|
+ z-index:8;
|
|
|
+}
|
|
|
+.popupmenu_dataset tr:hover{background:#A8D9FF;}
|
|
|
+
|
|
|
+#popupmenu_task{
|
|
|
+ border:1px solid #ddd;
|
|
|
+ background: #eee;
|
|
|
+ position: absolute;
|
|
|
+ width: 200px;
|
|
|
+ height: 50px;
|
|
|
+ display: none;
|
|
|
+ z-index:8;
|
|
|
+}
|
|
|
+.popupmenu_task tr:hover{background:#A8D9FF;}
|
|
|
+
|
|
|
+#popupmenu_model{
|
|
|
+ border:1px solid #ddd;
|
|
|
+ background: #eee;
|
|
|
+ position: absolute;
|
|
|
+ width: 200px;
|
|
|
+ height: 50px;
|
|
|
+ display: none;
|
|
|
+ z-index:8;
|
|
|
+}
|
|
|
+.popupmenu_model tr:hover{background:#A8D9FF;}
|
|
|
+
|
|
|
+.scroll-content{
|
|
|
+ height: 220px;
|
|
|
+}
|
|
|
+
|
|
|
+.table-parms-head{padding-right:17px;background-color:#999;color:#000;}
|
|
|
+.table-parms-head table,.table-body table{width:100%;}
|
|
|
+.table-parms-body{width:100%; height:210px;overflow-y:scroll;}
|
|
|
+.table-parms-body table tr:nth-child(2n+1){background-color:#f2f2f2;}
|
|
|
+
|
|
|
+.table-dataset-labels{width:100%; height:210px; border:1px solid #D6D6D6; overflow-y:scroll; padding:0px 0px;}
|
|
|
+.table-dataset-labels table tr:nth-child(2n){background-color:#f2f2f2; padding:0px 0px;}
|
|
|
+.table-dataset-labels table td{border:solid #f2f2f2; border-width:0px 1px 1px 0px; padding:0px 0px;}
|
|
|
+
|
|
|
+.table-dataset-imgs{width:100%; height:210px; border:1px solid #D6D6D6; overflow-y:scroll;}
|
|
|
+
|
|
|
+</style>
|
|
|
+
|
|
|
+<script type="text/javascript">
|
|
|
+//server url address
|
|
|
+var str_srv_url = "http://0.0.0.0:8080";
|
|
|
+
|
|
|
+//数据集选择列表，用于创建项目时下拉选择
|
|
|
+var g_dataset_list = {};
|
|
|
+
|
|
|
+//创建任务时任务参数dic
|
|
|
+var g_train_task_parms = {};
|
|
|
+
|
|
|
+//保存刷新项目任务时需要使用的项目id及type
|
|
|
+var g_view_project_task_id = "";
|
|
|
+var g_view_project_task_type = "classification";
|
|
|
+
|
|
|
+//用于刷新任务定时器句柄
|
|
|
+var g_instance_refresh_clock;
|
|
|
+
|
|
|
+//浏览数据集变量
|
|
|
+var g_dataset_files = {};
|
|
|
+//记录当前页
|
|
|
+var g_current_dataset_page = 1;
|
|
|
+//每页显示几张图片
|
|
|
+var g_const_imgs_per_page = 3;
|
|
|
+//当前标签
|
|
|
+var g_current_dataset_lable_name = "";
|
|
|
+
|
|
|
+//数据集状态
|
|
|
+var DatasetStatus = {
|
|
|
+ XEMPTY:0, //空数据集
|
|
|
+ XCHECKING:1, //正在验证数据集
|
|
|
+ XCHECKFAIL:2, //数据集验证失败
|
|
|
+ XCOPYING:3, //正在导入数据集
|
|
|
+ XCOPYDONE:4, //数据集导入成功
|
|
|
+ XCOPYFAIL:5, //数据集导入失败
|
|
|
+ XSPLITED:6 //数据集已经切分
|
|
|
+};
|
|
|
+
|
|
|
+//任务状态
|
|
|
+var TaskStatus = {
|
|
|
+ XUNINIT:0, //任务还未初始化
|
|
|
+ XINIT:1, //任务初始化
|
|
|
+ XDOWNLOADING:2, //正在下载预训练模型
|
|
|
+ XTRAINING:3, //任务正在运行中，该状态下任务不能被删除
|
|
|
+ XTRAINDONE:4, //任务完成运行
|
|
|
+ XEVALUATED:5, //任务评估完成
|
|
|
+ XEXPORTING:6, //任务正在导出inference模型
|
|
|
+ XEXPORTED:7, //任务已经导出模型
|
|
|
+ XTRAINEXIT:8, //任务运行中止
|
|
|
+ XDOWNLOADFAIL:9, //任务下载失败
|
|
|
+ XTRAINFAIL:10, //任务运行失败
|
|
|
+ XEVALUATING:11, //任务评估中
|
|
|
+ XEVALUATEFAIL:12, //任务评估失败
|
|
|
+ XEXPORTFAIL:13, //任务导出模型失败
|
|
|
+ XPRUNEING:14, //裁剪分析任务运行中
|
|
|
+ XPRUNETRAIN:15 //裁剪训练任务运行中
|
|
|
+};
|
|
|
+
|
|
|
+//参数范围
|
|
|
+var Model_List = {
|
|
|
+ "classification":["MobileNetV2", "ResNet18", "ResNet34", "ResNet50", "ResNet101",
|
|
|
+ "ResNet50_vd", "ResNet101_vd", "ResNet50_vd_ssld", "ResNet101_vd_ssld",
|
|
|
+ "DarkNet53", "MobileNetV1", "MobileNetV3_small", "MobileNetV3_large",
|
|
|
+ "MobileNetV3_small_ssld", "MobileNetV3_large_ssld", "Xception41",
|
|
|
+ "Xception65", "DenseNet121", "DenseNet161", "DenseNet201","ShuffleNetV2"],
|
|
|
+ "detection":["YOLOv3", "FasterRCNN", "PPYOLO"],
|
|
|
+ "instance_segmentation":["DeepLabv3+", "U-Net", "HRNet_W18", "FastSCNN"],
|
|
|
+ "segmentation":["MaskRCNN"]
|
|
|
+}
|
|
|
+
|
|
|
+var Backbone_List = {
|
|
|
+ "YOLOv3": ["DarkNet53", "ResNet34", "MobileNetV1", "MobileNetV3_large"],
|
|
|
+ "PPYOLO": ["ResNet50_vd_ssld"],
|
|
|
+ "FasterRCNN": ["ResNet18", "ResNet50", "ResNet50_vd", "ResNet101", "ResNet101_vd", "HRNet_W18"],
|
|
|
+ "DeepLabv3p": ["Xception65", "Xception41", "MobileNetV3_large_x1_0_ssld", "MobileNetV2_x0.25",
|
|
|
+ "MobileNetV2_x0.5", "MobileNetV2_x1.0", "MobileNetV2_x1.5","MobileNetV2_x2.0"],
|
|
|
+ "MaskRCNN": ["ResNet18", "ResNet50", "ResNet50_vd", "ResNet101", "ResNet101_vd", "HRNet_W18"]
|
|
|
+}
|
|
|
+
|
|
|
+//显示服务器配置窗口
|
|
|
+function show_server_info(input_data)
|
|
|
+{
|
|
|
+ var srv_url_text = document.getElementById('server_url_text');
|
|
|
+ srv_url_text.value = str_srv_url;
|
|
|
+
|
|
|
+ var input_crt_prj_win = document.getElementById('input_win_cfg_server');
|
|
|
+ var input_crt_prj_win_over = document.getElementById('input_win_cfg_server_over');
|
|
|
+ input_crt_prj_win.style.display = "block";
|
|
|
+ input_crt_prj_win_over.style.display = "block";
|
|
|
+}
|
|
|
+
|
|
|
+//隐藏服务器配置窗口
|
|
|
+function hide_server_info(input_data)
|
|
|
+{
|
|
|
+ var on_win_user = document.getElementById('input_win_cfg_server');
|
|
|
+ var over_win_user = document.getElementById('input_win_cfg_server_over');
|
|
|
+ on_win_user.style.display = "none";
|
|
|
+ over_win_user.style.display = "none";
|
|
|
+}
|
|
|
+
|
|
|
+//创建项目弹出窗口
|
|
|
+function show_create_project_win_modal(obj)
|
|
|
+{
|
|
|
+ var prj_name_text = document.getElementById('project_name_text');
|
|
|
+ project_name_text.value='新建项目';
|
|
|
+
|
|
|
+ //加载项目对应的数据集列表
|
|
|
+ str_project_type = "classification";
|
|
|
+ var obj_sel_create_project_type = document.getElementById('project_type_text');
|
|
|
+ obj_sel_create_project_type.value=str_project_type;
|
|
|
+
|
|
|
+ //加载数据集信息及默认参数
|
|
|
+ var obj_sel_create_project_dataset_id = document.getElementById('create_project_dataset_id_text');
|
|
|
+ obj_sel_create_project_dataset_id.options.length = 0
|
|
|
+ obj_sel_create_project_dataset_id.options[0] = new Option("请选择项目对应数据集", 0);
|
|
|
+
|
|
|
+ var http_request = new XMLHttpRequest();
|
|
|
+ http_request.open("GET", str_srv_url + "/dataset", false);
|
|
|
+ http_request.send(null);
|
|
|
+ str_json_datasets = http_request.responseText;
|
|
|
+
|
|
|
+ //取出对应类型的数据集
|
|
|
+ var str_json = eval('(' + str_json_datasets + ')');
|
|
|
+ var obj_datasets = str_json["datasets"];
|
|
|
+ g_dataset_list = obj_datasets;
|
|
|
+ for(var p in obj_datasets)
|
|
|
+ {
|
|
|
+ str_id = obj_datasets[p].id;
|
|
|
+ str_attr = obj_datasets[p].attr;
|
|
|
+ str_name = str_attr["name"];
|
|
|
+ str_desc = str_attr["desc"];
|
|
|
+ str_type = str_attr["type"];
|
|
|
+ //str_crttime = str_attr["create_time"]
|
|
|
+ str_status = str_attr["dataset_status"]
|
|
|
+ if(str_status == DatasetStatus.XSPLITED && str_type == str_project_type)
|
|
|
+ {
|
|
|
+ obj_sel_create_project_dataset_id.options[obj_sel_create_project_dataset_id.options.length] = new Option(str_name, str_id);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ var input_crt_prj_win = document.getElementById('input_win_create_project');
|
|
|
+ var input_crt_prj_win_over = document.getElementById('input_win_create_project_over');
|
|
|
+ input_crt_prj_win.style.display = "block";
|
|
|
+ input_crt_prj_win_over.style.display = "block";
|
|
|
+}
|
|
|
+
|
|
|
+//隐藏创建项目弹出窗口
|
|
|
+function hide_create_prj_win_modal(obj)
|
|
|
+{
|
|
|
+ var on_win_create_prj = document.getElementById('input_win_create_project');
|
|
|
+ var over_win_create_prj = document.getElementById('input_win_create_project_over');
|
|
|
+ on_win_create_prj.style.display = "none";
|
|
|
+ over_win_create_prj.style.display = "none";
|
|
|
+}
|
|
|
+
|
|
|
+//显示创建数据集弹出窗口
|
|
|
+function show_create_dataset_win_modal(obj)
|
|
|
+{
|
|
|
+ var dataset_name_text = document.getElementById('dataset_name_text');
|
|
|
+ dataset_name_text.value='新建数据集';
|
|
|
+
|
|
|
+ var input_crt_dataset_win = document.getElementById('input_win_create_dataset');
|
|
|
+ var input_crt_dataset_win_over = document.getElementById('input_win_create_dataset_over');
|
|
|
+ input_crt_dataset_win.style.display = "block";
|
|
|
+ input_crt_dataset_win_over.style.display = "block";
|
|
|
+}
|
|
|
+
|
|
|
+//隐藏创建数据集弹出窗口
|
|
|
+function hide_create_dataset_win_modal(obj)
|
|
|
+{
|
|
|
+ var on_win_create_dataset = document.getElementById('input_win_create_dataset');
|
|
|
+ var over_win_create_dataset = document.getElementById('input_win_create_dataset_over');
|
|
|
+ on_win_create_dataset.style.display = "none";
|
|
|
+ over_win_create_dataset.style.display = "none";
|
|
|
+}
|
|
|
+
|
|
|
+//显示导入数据集弹出窗口
|
|
|
+function show_import_dataset_win_modal(obj)
|
|
|
+{
|
|
|
+ var on_win_import_dataset = document.getElementById('input_win_import_dataset');
|
|
|
+ var over_win_import_dataset = document.getElementById('input_win_import_dataset_over');
|
|
|
+ var input_import_dataset_id = document.getElementById('import_dataset_id');
|
|
|
+
|
|
|
+ on_win_import_dataset.style.display = "block";
|
|
|
+ over_win_import_dataset.style.display = "block";
|
|
|
+
|
|
|
+ input_import_dataset_id.value = obj.id;
|
|
|
+}
|
|
|
+
|
|
|
+//隐藏导入数据集弹出窗口
|
|
|
+function hide_import_dataset_win_modal(obj)
|
|
|
+{
|
|
|
+ var on_win_import_dataset = document.getElementById('input_win_import_dataset');
|
|
|
+ var over_win_import_dataset = document.getElementById('input_win_import_dataset_over');
|
|
|
+ var input_import_dataset_id = document.getElementById('import_dataset_id');
|
|
|
+
|
|
|
+ on_win_import_dataset.style.display = "none";
|
|
|
+ over_win_import_dataset.style.display = "none";
|
|
|
+ input_import_dataset_id.value = "";
|
|
|
+}
|
|
|
+
|
|
|
+function re_split_dataset(obj)
|
|
|
+{
|
|
|
+ var on_win_split_dataset = document.getElementById('input_win_split_dataset');
|
|
|
+ var over_win_split_dataset = document.getElementById('input_win_split_dataset_over');
|
|
|
+
|
|
|
+ //获取需要切分的数据集ID
|
|
|
+ document.getElementById('split_dataset_id').value = document.getElementById('browse_dataset_id').value;
|
|
|
+
|
|
|
+ on_win_split_dataset.style.display = "block";
|
|
|
+ over_win_split_dataset.style.display = "block";
|
|
|
+}
|
|
|
+
|
|
|
+//切分数据集弹出窗口
|
|
|
+function show_split_dataset_win_modal(obj)
|
|
|
+{
|
|
|
+ var on_win_split_dataset = document.getElementById('input_win_split_dataset');
|
|
|
+ var over_win_split_dataset = document.getElementById('input_win_split_dataset_over');
|
|
|
+ var input_split_dataset_id = document.getElementById('split_dataset_id');
|
|
|
+
|
|
|
+ on_win_split_dataset.style.display = "block";
|
|
|
+ over_win_split_dataset.style.display = "block";
|
|
|
+
|
|
|
+ input_split_dataset_id.value = obj.id;
|
|
|
+}
|
|
|
+
|
|
|
+//隐藏切分数据集弹出窗口
|
|
|
+function hide_split_dataset_win_modal(obj)
|
|
|
+{
|
|
|
+ var on_win_split_dataset = document.getElementById('input_win_split_dataset');
|
|
|
+ var over_win_split_dataset = document.getElementById('input_win_split_dataset_over');
|
|
|
+ var input_split_dataset_id = document.getElementById('split_dataset_id');
|
|
|
+
|
|
|
+ on_win_split_dataset.style.display = "none";
|
|
|
+ over_win_split_dataset.style.display = "none";
|
|
|
+ input_split_dataset_id.value = "";
|
|
|
+}
|
|
|
+
|
|
|
+//获取数据集详细信息
|
|
|
+function get_dataset_detail_info(str_dataset_id)
|
|
|
+{
|
|
|
+ var http_request;
|
|
|
+ if (window.XMLHttpRequest)
|
|
|
+ {
|
|
|
+ http_request=new XMLHttpRequest();
|
|
|
+ http_request.withCredentials = true;
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ http_request=new ActiveXObject("Microsoft.XMLHTTP");
|
|
|
+ }
|
|
|
+
|
|
|
+ http_request.open("GET",str_srv_url + "/dataset/details?did=" + str_dataset_id, false);
|
|
|
+ http_request.send(null);
|
|
|
+
|
|
|
+ var str_dataset_detail_info = http_request.responseText;
|
|
|
+ return str_dataset_detail_info;
|
|
|
+}
|
|
|
+
|
|
|
+//加载图片
|
|
|
+function load_labels_imgs(str_lbl_name, int_page = 1)
|
|
|
+{
|
|
|
+ var lst_img_files = g_dataset_files[str_lbl_name];
|
|
|
+
|
|
|
+ var str_dataset_id = document.getElementById('browse_dataset_id').value;
|
|
|
+ //获取数据集路径
|
|
|
+ var str_dataset_path = document.getElementById('view_dataset_path_' + str_dataset_id).value;
|
|
|
+
|
|
|
+ var curr_file_idx = g_const_imgs_per_page * (int_page - 1);
|
|
|
+
|
|
|
+ var img_count = 0;
|
|
|
+ for(var j=curr_file_idx;j<lst_img_files.length;j++)
|
|
|
+ {
|
|
|
+ var str_img_file_name = lst_img_files[j];
|
|
|
+ var str_img_file = str_dataset_path + "/" + str_img_file_name;
|
|
|
+ var str_img_file_content = get_img_file_from_server(str_img_file);
|
|
|
+ //更新img框内容
|
|
|
+ img_count = img_count + 1;
|
|
|
+ var obj_img = document.getElementById('dataset_img_' + img_count);
|
|
|
+ var idx_file_postfix = str_img_file_name.lastIndexOf(".");
|
|
|
+ var str_file_type = "jpeg";
|
|
|
+ if(idx_file_postfix >= 0)
|
|
|
+ {
|
|
|
+ str_file_type = str_img_file_name.substring(idx_file_postfix + 1,str_img_file_name.length);
|
|
|
+ }
|
|
|
+
|
|
|
+ str_file_type = str_file_type.toLowerCase();
|
|
|
+
|
|
|
+ var str_b64_type = "data:image/jpeg;base64,";
|
|
|
+
|
|
|
+ if(str_file_type == "jpg" || str_file_type == "jpeg")
|
|
|
+ str_b64_type = "data:image/jpeg;base64,";
|
|
|
+ else if (str_file_type == "bmp")
|
|
|
+ str_b64_type = "data:image/jpeg;base64,";
|
|
|
+ else if (str_file_type == "png")
|
|
|
+ str_b64_type = "data:image/png;base64,";
|
|
|
+
|
|
|
+ obj_img.src = str_b64_type + str_img_file_content;
|
|
|
+
|
|
|
+ //更新文件名称
|
|
|
+ var idx_path_split = str_img_file_name.lastIndexOf("/");
|
|
|
+ var str_img_file_shot_name = str_img_file_name;
|
|
|
+ if(idx_path_split >= 0)
|
|
|
+ {
|
|
|
+ str_img_file_shot_name = str_img_file_name.substring(idx_path_split + 1,str_img_file_name.length);
|
|
|
+ }
|
|
|
+ document.getElementById('dataset_img_' + img_count + "_file_name").innerText = str_img_file_shot_name;
|
|
|
+ if(img_count >= g_const_imgs_per_page)
|
|
|
+ {
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//从服务端请求文件内容
|
|
|
+function get_img_file_from_server(str_file_name)
|
|
|
+{
|
|
|
+ var http_request = new XMLHttpRequest();
|
|
|
+ http_request.open("GET", str_srv_url + "/file?path=" + str_file_name, false);
|
|
|
+ http_request.send(null);
|
|
|
+
|
|
|
+ var obj_json = eval('(' + http_request.responseText + ')');
|
|
|
+ var str_data = obj_json["img_data"];
|
|
|
+ return str_data;
|
|
|
+}
|
|
|
+
|
|
|
+//刷新翻页按纽
|
|
|
+function refresh_dataset_page_buttons()
|
|
|
+{
|
|
|
+ var max_page_num = Math.ceil(g_dataset_files[g_current_dataset_lable_name].length / g_const_imgs_per_page);
|
|
|
+
|
|
|
+ document.getElementById('dataset_page_info').innerText = "第" + g_current_dataset_page + "页/共" + max_page_num + "页";
|
|
|
+}
|
|
|
+
|
|
|
+//加载数据标签信息
|
|
|
+function add_labels_to_table(str_lbl_list,dic_file_lst)
|
|
|
+{
|
|
|
+ g_dataset_files = dic_file_lst;
|
|
|
+
|
|
|
+ var rows = table_dataset_labels.rows.length;
|
|
|
+ for (i=rows-1;i>=1;i--)
|
|
|
+ {
|
|
|
+ table_dataset_labels.deleteRow(i);
|
|
|
+ }
|
|
|
+
|
|
|
+ for(var j=0;j<str_lbl_list.length;j++)
|
|
|
+ {
|
|
|
+ var str_lbl_name = str_lbl_list[j];
|
|
|
+ var lst_files = dic_file_lst[str_lbl_name];
|
|
|
+
|
|
|
+ var rows = table_dataset_labels.rows.length;
|
|
|
+ var newTr = table_dataset_labels.insertRow(rows);
|
|
|
+ newTr.id = str_lbl_name;
|
|
|
+ newTr.onclick=function()
|
|
|
+ {
|
|
|
+ g_current_dataset_page = 1;
|
|
|
+ g_current_dataset_lable_name = this.id;
|
|
|
+ load_labels_imgs(this.id, g_current_dataset_page);
|
|
|
+ refresh_dataset_page_buttons();
|
|
|
+ }
|
|
|
+
|
|
|
+ newTr.style.cursor="pointer";
|
|
|
+
|
|
|
+ var newTd0=newTr.insertCell();
|
|
|
+ newTd0.innerText = str_lbl_name;
|
|
|
+
|
|
|
+ var newTd1=newTr.insertCell();
|
|
|
+ newTd1.innerText = lst_files.length;
|
|
|
+
|
|
|
+ var newTd2=newTr.insertCell();
|
|
|
+ newTd2.innerText = "";
|
|
|
+
|
|
|
+ var newTd3=newTr.insertCell();
|
|
|
+ newTd3.innerText = "";
|
|
|
+
|
|
|
+ var newTd4=newTr.insertCell();
|
|
|
+ newTd4.innerText = "";
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//浏览数据集弹出窗口
|
|
|
+function show_browse_dataset_win_modal(obj)
|
|
|
+{
|
|
|
+ var on_win_browse_dataset = document.getElementById('win_browse_dataset');
|
|
|
+ var over_win_browse_dataset = document.getElementById('win_browse_dataset_over');
|
|
|
+ document.getElementById('browse_dataset_id').value = obj.id;
|
|
|
+
|
|
|
+ var str_dataset_details = get_dataset_detail_info(obj.id);
|
|
|
+
|
|
|
+ var obj_json_dataset_details = eval('(' + str_dataset_details + ')');
|
|
|
+ var lst_labels = obj_json_dataset_details["details"]["labels"];
|
|
|
+ var lst_files = obj_json_dataset_details["details"]["label_info"];
|
|
|
+ //刷新标签
|
|
|
+ add_labels_to_table(lst_labels, lst_files);
|
|
|
+
|
|
|
+ //加载预览图片
|
|
|
+ g_current_dataset_lable_name = lst_labels[0];
|
|
|
+ load_labels_imgs(lst_labels[0],g_current_dataset_page);
|
|
|
+
|
|
|
+ //刷新翻页按纽
|
|
|
+ refresh_dataset_page_buttons();
|
|
|
+
|
|
|
+ //数据集详情
|
|
|
+ document.getElementById('browse_dataset_name_text').value = document.getElementById('view_dataset_name_' + obj.id).value;
|
|
|
+ document.getElementById('browse_dataset_type_text').value = document.getElementById('view_dataset_type_' + obj.id).value;
|
|
|
+ document.getElementById('browse_dataset_desc_text').value = document.getElementById('view_dataset_desc_' + obj.id).value;
|
|
|
+
|
|
|
+ on_win_browse_dataset.style.display = "block";
|
|
|
+ over_win_browse_dataset.style.display = "block";
|
|
|
+}
|
|
|
+
|
|
|
+//关闭浏览数据集
|
|
|
+function hide_browse_dataset_win_modal(obj)
|
|
|
+{
|
|
|
+ //当前页重置
|
|
|
+ g_current_dataset_page = 1;
|
|
|
+
|
|
|
+ var on_win_browse_dataset = document.getElementById('win_browse_dataset');
|
|
|
+ var over_win_browse_dataset = document.getElementById('win_browse_dataset_over');
|
|
|
+ document.getElementById('browse_dataset_id').value = "";
|
|
|
+
|
|
|
+ on_win_browse_dataset.style.display = "none";
|
|
|
+ over_win_browse_dataset.style.display = "none";
|
|
|
+}
|
|
|
+
|
|
|
+//双击放大图像
|
|
|
+function zoom_image(obj)
|
|
|
+{
|
|
|
+ if(obj.src != "")
|
|
|
+ {
|
|
|
+ document.getElementById('dataset_browse_img').src = obj.src;
|
|
|
+ var on_win_browse_img = document.getElementById('win_browse_img');
|
|
|
+ var over_win_browse_img = document.getElementById('win_browse_img_over');
|
|
|
+
|
|
|
+ on_win_browse_img.style.display = "block";
|
|
|
+ over_win_browse_img.style.display = "block";
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//放大预览图片
|
|
|
+function hide_zoom_img(obj)
|
|
|
+{
|
|
|
+ var on_win_browse_img = document.getElementById('win_browse_img');
|
|
|
+ var over_win_browse_img = document.getElementById('win_browse_img_over');
|
|
|
+
|
|
|
+ on_win_browse_img.style.display = "none";
|
|
|
+ over_win_browse_img.style.display = "none";
|
|
|
+}
|
|
|
+
|
|
|
+//上一页
|
|
|
+function dataset_pre_page()
|
|
|
+{
|
|
|
+ g_current_dataset_page = g_current_dataset_page - 1;
|
|
|
+ if(g_current_dataset_page <= 0)
|
|
|
+ {
|
|
|
+ g_current_dataset_page = 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ load_labels_imgs(g_current_dataset_lable_name, g_current_dataset_page);
|
|
|
+
|
|
|
+ refresh_dataset_page_buttons()
|
|
|
+}
|
|
|
+
|
|
|
+//下一页
|
|
|
+function dataset_next_page()
|
|
|
+{
|
|
|
+ g_current_dataset_page = g_current_dataset_page + 1;
|
|
|
+
|
|
|
+ //是否大于最大页
|
|
|
+ if(g_current_dataset_page * g_const_imgs_per_page > g_dataset_files[g_current_dataset_lable_name].length + 2)
|
|
|
+ {
|
|
|
+ g_current_dataset_page = g_current_dataset_page - 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ load_labels_imgs(g_current_dataset_lable_name, g_current_dataset_page);
|
|
|
+
|
|
|
+ refresh_dataset_page_buttons()
|
|
|
+}
|
|
|
+
|
|
|
+//根据任务状态更新任务信息UI
|
|
|
+function update_task_detail_info_ui(str_view_task_id, b_get_task_parms = false)
|
|
|
+{
|
|
|
+ //获取任务信息，刷新任务窗口
|
|
|
+ var http_request = new XMLHttpRequest();
|
|
|
+ http_request.open("GET", str_srv_url + "/project/task?tid=" + str_view_task_id, false);
|
|
|
+ http_request.send(null);
|
|
|
+
|
|
|
+ var obj_json = eval('(' + http_request.responseText + ')');
|
|
|
+ var str_task_msg = obj_json["message"];
|
|
|
+ var str_task_status = obj_json["task_status"];
|
|
|
+
|
|
|
+ var running_duration = "NA";
|
|
|
+ var progress_bar_value = 0;
|
|
|
+ var str_view_task_status_text = "任务初始化";
|
|
|
+ var str_task_next_button_lable = "关闭"
|
|
|
+ var obj_task_next_button = document.getElementById('btn_next_task_info');
|
|
|
+ //停止任务按纽
|
|
|
+ var obj_stop_task_div = document.getElementById('div_btn_stop_task');
|
|
|
+ var b_show_stop_task_btn = false;
|
|
|
+
|
|
|
+ if (str_task_status == TaskStatus.XINIT)
|
|
|
+ {
|
|
|
+ str_view_task_status_text = "任务初始化";
|
|
|
+ }
|
|
|
+ else if (str_task_status == TaskStatus.XTRAINFAIL)
|
|
|
+ {
|
|
|
+ str_view_task_status_text = "任务训练失败";
|
|
|
+ }
|
|
|
+ else if (str_task_status == TaskStatus.XTRAINDONE)
|
|
|
+ {
|
|
|
+ str_view_task_status_text = "任务训练完成";
|
|
|
+ progress_bar_value = 100;
|
|
|
+ str_task_msg = "任务训练完成，请进行模型评估或者导出模型";
|
|
|
+
|
|
|
+ //取消按纽更新为评估&导出模型
|
|
|
+ str_task_next_button_lable = "评估&导出模型";
|
|
|
+ }
|
|
|
+ else if (str_task_status == TaskStatus.XTRAINING)
|
|
|
+ {
|
|
|
+ str_view_task_status_text = "任务训练中";
|
|
|
+ b_show_stop_task_btn = true;
|
|
|
+
|
|
|
+ //获取任务参数
|
|
|
+ if(b_get_task_parms == true)
|
|
|
+ {
|
|
|
+ var train_parms_http_request = new XMLHttpRequest();
|
|
|
+ train_parms_http_request.open("GET", str_srv_url + "/project/task/params?tid=" + str_view_task_id, false);
|
|
|
+ train_parms_http_request.send(null);
|
|
|
+ var obj_parms_json = eval('(' + train_parms_http_request.responseText + ')');
|
|
|
+ g_train_task_parms = obj_parms_json["train"];
|
|
|
+ }
|
|
|
+
|
|
|
+ //获取训练状态
|
|
|
+ var train_http_request = new XMLHttpRequest();
|
|
|
+ train_http_request.open("GET", str_srv_url + "/project/task/metrics?tid=" + str_view_task_id + "&type=train", false);
|
|
|
+ train_http_request.send(null);
|
|
|
+ str_task_msg = train_http_request.responseText;
|
|
|
+ try
|
|
|
+ {
|
|
|
+ var obj_train_msg_json = eval('(' + str_task_msg + ')');
|
|
|
+ var dic_train_log_metric = obj_train_msg_json["train_log"]["train_metrics"];
|
|
|
+ running_duration = obj_train_msg_json["train_log"]["running_duration"];
|
|
|
+ var curr_epoc = dic_train_log_metric["Epoch"];
|
|
|
+ var curr_step = dic_train_log_metric["Step"];
|
|
|
+ var curr_acc1 = dic_train_log_metric["acc1"];
|
|
|
+ var curr_acc5 = dic_train_log_metric["acc5"];
|
|
|
+ var curr_loss = dic_train_log_metric["loss"];
|
|
|
+ var curr_lr = dic_train_log_metric["lr"];
|
|
|
+
|
|
|
+ //计算进度
|
|
|
+ var cur_progress = parseInt((parseInt(curr_epoc)-1)/parseInt(g_train_task_parms["num_epochs"]) * 100);
|
|
|
+ if(cur_progress > 100)
|
|
|
+ cur_progress = 100;
|
|
|
+
|
|
|
+ progress_bar_value = cur_progress;
|
|
|
+ }
|
|
|
+ catch(err)
|
|
|
+ {
|
|
|
+ str_view_task_status_text = "任务训练中（启动训练中）";
|
|
|
+ progress_bar_value = 0;
|
|
|
+ str_task_msg = "任务训练中（启动训练中），请稍等...";
|
|
|
+ }
|
|
|
+
|
|
|
+ //启动定时器，用于定时刷新任务状态
|
|
|
+ if(b_get_task_parms)
|
|
|
+ {
|
|
|
+
|
|
|
+ g_instance_refresh_clock = self.setInterval("refresh_task_detail_info_win()",1000);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ else if (str_task_status == TaskStatus.XEXPORTING)
|
|
|
+ {
|
|
|
+ str_view_task_status_text = "任务训练完成（模型导出中）";
|
|
|
+ progress_bar_value = 100;
|
|
|
+ str_task_msg = "任务训练完成（模型导出中），可以重新进行模型评估或者导出模型";
|
|
|
+
|
|
|
+ //取消按纽更新为评估&导出模型
|
|
|
+ str_task_next_button_lable = "评估&导出模型";
|
|
|
+ }
|
|
|
+ else if (str_task_status == TaskStatus.XEXPORTED)
|
|
|
+ {
|
|
|
+ str_view_task_status_text = "任务训练完成（模型已导出）";
|
|
|
+ progress_bar_value = 100;
|
|
|
+ str_task_msg = "任务训练完成（模型已导出），可以重新进行模型评估或者导出模型";
|
|
|
+
|
|
|
+ //取消按纽更新为评估&导出模型
|
|
|
+ str_task_next_button_lable = "评估&导出模型";
|
|
|
+ }
|
|
|
+ else if (str_task_status == TaskStatus.XTRAINEXIT)
|
|
|
+ {
|
|
|
+ str_view_task_status_text = "任务已中止";
|
|
|
+ progress_bar_value = 0;
|
|
|
+ str_task_msg = "任务已中止，可以重新启动模型训练";
|
|
|
+
|
|
|
+ //取消按纽更新为评估&导出模型
|
|
|
+ str_task_next_button_lable = "继续训练";
|
|
|
+ }
|
|
|
+
|
|
|
+ var obj_view_task_status_text = document.getElementById('task_detail_status_text');
|
|
|
+ obj_view_task_status_text.value = str_view_task_status_text;
|
|
|
+
|
|
|
+ var obj_view_task_log_text = document.getElementById('task_detail_log_text');
|
|
|
+ obj_view_task_log_text.value = str_task_msg;
|
|
|
+
|
|
|
+ var obj_view_task_running_duration_text = document.getElementById('task_detail_running_duration_text');
|
|
|
+ obj_view_task_running_duration_text.value = running_duration;
|
|
|
+
|
|
|
+ //进度条
|
|
|
+ var obj_view_task_status_progress_value = document.getElementById('task_detail_status_progress_bar_value');
|
|
|
+ obj_view_task_status_progress_value.style = "width: " + progress_bar_value + "%;";
|
|
|
+ var obj_view_task_status_progress_bar = document.getElementById('task_detail_status_progress_bar');
|
|
|
+ obj_view_task_status_progress_value.innerText = progress_bar_value + "%";
|
|
|
+
|
|
|
+ //按纽标题
|
|
|
+ obj_task_next_button.value = str_task_next_button_lable;
|
|
|
+ //停止任务按纽显示
|
|
|
+ if(b_show_stop_task_btn == true)
|
|
|
+ {
|
|
|
+ obj_stop_task_div.style.visibility = "";
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ obj_stop_task_div.style.visibility = "hidden";
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//显示任务运行状态窗口
|
|
|
+function show_task_detail_info_win_modal(obj)
|
|
|
+{
|
|
|
+ var input_task_detail_id = document.getElementById('task_detail_id');
|
|
|
+ input_task_detail_id.value = obj.id;
|
|
|
+
|
|
|
+ //获取任务信息，刷新任务窗口
|
|
|
+ var str_view_task_id = obj.id;
|
|
|
+
|
|
|
+ update_task_detail_info_ui(str_view_task_id, true);
|
|
|
+
|
|
|
+ var task_detail_info_win = document.getElementById('task_detail_info');
|
|
|
+ var task_detail_info_win_over = document.getElementById('task_detail_info_over');
|
|
|
+ task_detail_info_win.style.display = "block";
|
|
|
+ task_detail_info_win_over.style.display = "block";
|
|
|
+}
|
|
|
+
|
|
|
+//用于定时刷新任务运行状态窗口
|
|
|
+function refresh_task_detail_info_win()
|
|
|
+{
|
|
|
+ var input_task_detail_id = document.getElementById('task_detail_id');
|
|
|
+ var str_view_task_id = input_task_detail_id.value;
|
|
|
+
|
|
|
+ update_task_detail_info_ui(str_view_task_id, false);
|
|
|
+}
|
|
|
+
|
|
|
+//关闭任务运行信息弹出窗口
|
|
|
+function hide_task_detail_info_win_modal()
|
|
|
+{
|
|
|
+ var task_detail_info_win = document.getElementById('task_detail_info');
|
|
|
+ var task_detail_info_win_over = document.getElementById('task_detail_info_over');
|
|
|
+ var input_task_detail_id = document.getElementById('task_detail_id');
|
|
|
+
|
|
|
+ task_detail_info_win.style.display = "none";
|
|
|
+ task_detail_info_win_over.style.display = "none";
|
|
|
+ input_task_detail_id.value = "";
|
|
|
+
|
|
|
+ //关闭定时器
|
|
|
+ g_instance_refresh_clock=window.clearInterval(g_instance_refresh_clock);
|
|
|
+}
|
|
|
+
|
|
|
+//模型训练结束下一步处理（模型评估&导出）
|
|
|
+function task_next_step_process(obj)
|
|
|
+{
|
|
|
+ var str_btn_label = obj.value;
|
|
|
+ if(str_btn_label == "关闭")
|
|
|
+ {
|
|
|
+ hide_task_detail_info_win_modal();
|
|
|
+ }
|
|
|
+ else if(str_btn_label == "评估&导出模型")
|
|
|
+ {
|
|
|
+ //启动模型评估
|
|
|
+ show_evaluate_export_win_modal(obj);
|
|
|
+ //隐藏原来窗口
|
|
|
+ hide_task_detail_info_win_modal();
|
|
|
+ }
|
|
|
+ else if(str_btn_label == "继续训练")
|
|
|
+ {
|
|
|
+ //重新启动模型训练
|
|
|
+ var str_start_tid = ""
|
|
|
+ var obj_start_task_id_input = document.getElementById('task_detail_id');
|
|
|
+ str_start_tid = obj_start_task_id_input.value;
|
|
|
+
|
|
|
+ start_task(str_start_tid);
|
|
|
+
|
|
|
+ load_tasks();
|
|
|
+ //隐藏原来窗口
|
|
|
+ hide_task_detail_info_win_modal();
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//打开VDL链接
|
|
|
+function open_task_vdl_window()
|
|
|
+{
|
|
|
+ var input_task_detail_id = document.getElementById('task_detail_id');
|
|
|
+ var str_view_task_id = input_task_detail_id.value;
|
|
|
+
|
|
|
+ var http_request;
|
|
|
+ if (window.XMLHttpRequest)
|
|
|
+ {
|
|
|
+ http_request=new XMLHttpRequest();
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ http_request=new ActiveXObject("Microsoft.XMLHTTP");
|
|
|
+ }
|
|
|
+ http_request.onreadystatechange=function()
|
|
|
+ {
|
|
|
+ if (http_request.readyState==4)
|
|
|
+ {
|
|
|
+ if (http_request.status==200)
|
|
|
+ {
|
|
|
+ //获取URL并打开
|
|
|
+ str_json = http_request.responseText;
|
|
|
+ var obj_json = eval('(' + str_json + ')');
|
|
|
+ var str_vdl_url = obj_json["url"];
|
|
|
+ //alert(str_vdl_url);
|
|
|
+ window.open("http://" + str_vdl_url);
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ alert("打开失败，请检查服务器配置\n" + http_request.responseText);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ http_request.open("GET", str_srv_url + "/project/task/vdl?tid=" + str_view_task_id, true);
|
|
|
+ http_request.send(null);
|
|
|
+}
|
|
|
+
|
|
|
+//关闭评估&导出模型弹出窗口
|
|
|
+function hide_evaluate_export_win_modal(obj)
|
|
|
+{
|
|
|
+ var obj_evaluate_export_task_project_id = document.getElementById('evaluate_export_task_project_id');
|
|
|
+ obj_evaluate_export_task_project_id.value = "";
|
|
|
+
|
|
|
+ var on_win_evaluate_export_model = document.getElementById('input_win_evaluate_export_model');
|
|
|
+ var over_win_evaluate_export_model = document.getElementById('input_win_evaluate_export_model_over');
|
|
|
+ on_win_evaluate_export_model.style.display = "none";
|
|
|
+ over_win_evaluate_export_model.style.display = "none";
|
|
|
+}
|
|
|
+
|
|
|
+//显示评估&导出模型弹出窗口
|
|
|
+function show_evaluate_export_win_modal(obj)
|
|
|
+{
|
|
|
+ var obj_detail_task_id = document.getElementById('task_detail_id');
|
|
|
+ var obj_export_task_id = document.getElementById('evaluate_export_task_id');
|
|
|
+ obj_export_task_id.value = obj_detail_task_id.value;
|
|
|
+
|
|
|
+ if(null == obj_export_task_id.value || 'undefined' == typeof(obj_export_task_id.value) || '' == obj_export_task_id.value)
|
|
|
+ {
|
|
|
+ obj_export_task_id.value = obj.id;
|
|
|
+ }
|
|
|
+
|
|
|
+ //初始化路径(workspace/projects/TXXX/export_model)
|
|
|
+ var http_request = new XMLHttpRequest();
|
|
|
+ http_request.open('GET', str_srv_url + "/workspace", false);
|
|
|
+ http_request.send(null);
|
|
|
+
|
|
|
+ var obj_json = eval('(' + http_request.responseText + ')');
|
|
|
+ var str_init_model_save_path = obj_json["dirname"];
|
|
|
+
|
|
|
+ var str_obj_task_prj_key = "view_task_pid_" + obj_export_task_id.value;
|
|
|
+ var obj_project_id = document.getElementById(str_obj_task_prj_key);
|
|
|
+ var str_project_id = obj_project_id.value;
|
|
|
+
|
|
|
+ var obj_evaluate_export_task_project_id = document.getElementById('evaluate_export_task_project_id');
|
|
|
+ obj_evaluate_export_task_project_id.value = str_project_id;
|
|
|
+
|
|
|
+ var obj_model_save_path = document.getElementById('export_model_path_text');
|
|
|
+ obj_model_save_path.value = str_init_model_save_path + "/projects/" + str_project_id + "/" + obj_export_task_id.value + "/export_model";
|
|
|
+
|
|
|
+ var on_win_evaluate_export_model = document.getElementById('input_win_evaluate_export_model');
|
|
|
+ var over_win_evaluate_export_model = document.getElementById('input_win_evaluate_export_model_over');
|
|
|
+ on_win_evaluate_export_model.style.display = "block";
|
|
|
+ over_win_evaluate_export_model.style.display = "block";
|
|
|
+}
|
|
|
+
|
|
|
+//评估任务
|
|
|
+function evaluate_task(obj)
|
|
|
+{
|
|
|
+ var obj_evaluate_task_id = document.getElementById('evaluate_export_task_id');
|
|
|
+ var str_evaluate_task_id = obj_evaluate_task_id.value;
|
|
|
+
|
|
|
+ //启动评估
|
|
|
+ var http_request;
|
|
|
+ if (window.XMLHttpRequest)
|
|
|
+ {
|
|
|
+ http_request=new XMLHttpRequest();
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ http_request=new ActiveXObject("Microsoft.XMLHTTP");
|
|
|
+ }
|
|
|
+ http_request.onreadystatechange=function()
|
|
|
+ {
|
|
|
+ if (http_request.readyState==4)
|
|
|
+ {
|
|
|
+ if (http_request.status==200)
|
|
|
+ {
|
|
|
+ //查看评估报告
|
|
|
+ http_request.open("GET", str_srv_url + "/project/task/evaluate?tid=" + str_evaluate_task_id, false);
|
|
|
+ http_request.send(null);
|
|
|
+ alert("评估完成，评估结果：\n" + http_request.responseText);
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ alert("评估失败，请检查服务器配置\n" + http_request.responseText);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ var data = {"tid":str_evaluate_task_id,"epoch":null,"topk":5,'score_thresh':null, 'overlap_thresh':null};
|
|
|
+ http_request.open("POST", str_srv_url + "/project/task/evaluate", true);
|
|
|
+ http_request.setRequestHeader("Content-type","application/json");
|
|
|
+ http_request.send(JSON.stringify(data));
|
|
|
+}
|
|
|
+
|
|
|
+//导出任务模型
|
|
|
+function export_model(obj)
|
|
|
+{
|
|
|
+ //任务id
|
|
|
+ var obj_export_task_id = document.getElementById('evaluate_export_task_id');
|
|
|
+ var str_export_task_id = obj_export_task_id.value;
|
|
|
+
|
|
|
+ //导出路径
|
|
|
+ var str_model_save_path = "";
|
|
|
+ var obj_model_save_path = document.getElementById('export_model_path_text');
|
|
|
+ str_model_save_path = obj_model_save_path.value;
|
|
|
+
|
|
|
+ var http_request;
|
|
|
+ if (window.XMLHttpRequest)
|
|
|
+ {
|
|
|
+ http_request=new XMLHttpRequest();
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ http_request=new ActiveXObject("Microsoft.XMLHTTP");
|
|
|
+ }
|
|
|
+ http_request.onreadystatechange=function()
|
|
|
+ {
|
|
|
+ if (http_request.readyState==4)
|
|
|
+ {
|
|
|
+ if (http_request.status==200)
|
|
|
+ {
|
|
|
+ //获取URL并打开
|
|
|
+ alert("导出成功! 模型保存路径：" + str_model_save_path);
|
|
|
+ //追加到导出模型列表
|
|
|
+ var str_project_id = "";
|
|
|
+ var obj_task_project_id = document.getElementById('evaluate_export_task_project_id');
|
|
|
+ str_project_id = obj_task_project_id.value;
|
|
|
+
|
|
|
+ var model_data = {"pid":str_project_id,"tid":str_export_task_id,"name":str_export_task_id + "_export_model","type":"exported","source_path":"","path":str_model_save_path,"exported_type":0,"eval_results":{}};
|
|
|
+ var model_http_request = new XMLHttpRequest();
|
|
|
+ model_http_request.open("POST", str_srv_url + "/model", false);
|
|
|
+ model_http_request.setRequestHeader("Content-type","application/json");
|
|
|
+ model_http_request.send(JSON.stringify(model_data));
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ alert("导出失败，请检查服务器配置\n" + http_request.responseText);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ var data = {"tid":str_export_task_id,"type":"infer","save_dir":str_model_save_path,'quant': false, 'epoch':5};
|
|
|
+ http_request.open("POST", str_srv_url + "/project/task/export", true);
|
|
|
+ http_request.setRequestHeader("Content-type","application/json");
|
|
|
+ http_request.send(JSON.stringify(data));
|
|
|
+}
|
|
|
+
|
|
|
+//联系方式
|
|
|
+function contact_us()
|
|
|
+{
|
|
|
+ alert("PaddleX QQ群：1045148026");
|
|
|
+}
|
|
|
+
|
|
|
+//刷新按纽
|
|
|
+function refresh_contents(obj)
|
|
|
+{
|
|
|
+ if(obj.value == "刷新项目信息")
|
|
|
+ load_projects(obj);
|
|
|
+ else if (obj.value == "刷新数据集信息")
|
|
|
+ load_datasets(obj);
|
|
|
+ else if (obj.value == "刷新所有任务信息")
|
|
|
+ load_tasks(obj);
|
|
|
+ else if (obj.value == "刷新项目任务信息")
|
|
|
+ {
|
|
|
+ load_project_tasks(g_view_project_task_id);
|
|
|
+ }
|
|
|
+ else if (obj.value == "刷新模型信息")
|
|
|
+ load_models(obj);
|
|
|
+ else
|
|
|
+ load_projects(obj);
|
|
|
+}
|
|
|
+
|
|
|
+//项目对象右键弹出菜单
|
|
|
+function show_project_popupmenu(obj)
|
|
|
+{
|
|
|
+ var obj_project_id = document.getElementById('popup_menu_project_id');
|
|
|
+ obj_project_id.value = obj.id;
|
|
|
+
|
|
|
+ var menu = document.getElementById('popupmenu_project');
|
|
|
+ menu.style.display = 'block';
|
|
|
+ menu.style.left = document.documentElement.scrollLeft + document.body.scrollLeft+ window.event.clientX + 'px';
|
|
|
+ menu.style.top = document.documentElement.scrollTop + document.body.scrollTop+ window.event.clientY + 'px';
|
|
|
+ window.event.returnValue=false;
|
|
|
+ window.event.cancelBubble=true;
|
|
|
+ window.event.preventDafault();
|
|
|
+ window.event.stopPropagation();
|
|
|
+ return false;
|
|
|
+}
|
|
|
+
|
|
|
+//数据集对象右键弹出菜单
|
|
|
+function show_dataset_popupmenu(obj)
|
|
|
+{
|
|
|
+ var obj_dataset_id = document.getElementById('popup_menu_dataset_id');
|
|
|
+ obj_dataset_id.value = obj.id;
|
|
|
+ var menu = document.getElementById('popupmenu_dataset');
|
|
|
+ menu.style.display = 'block';
|
|
|
+ menu.style.left = document.documentElement.scrollLeft + document.body.scrollLeft+ window.event.clientX + 'px';
|
|
|
+ menu.style.top = document.documentElement.scrollTop + document.body.scrollTop+ window.event.clientY + 'px';
|
|
|
+ window.event.returnValue=false;
|
|
|
+ window.event.cancelBubble=true;
|
|
|
+ window.event.preventDafault();
|
|
|
+ window.event.stopPropagation();
|
|
|
+ return false;
|
|
|
+}
|
|
|
+
|
|
|
+//任务对象右键弹出菜单
|
|
|
+function show_task_popupmenu(obj)
|
|
|
+{
|
|
|
+ var obj_task_id = document.getElementById('popup_menu_task_id');
|
|
|
+ obj_task_id.value = obj.id;
|
|
|
+ var menu = document.getElementById('popupmenu_task');
|
|
|
+ menu.style.display = 'block';
|
|
|
+ menu.style.left = document.documentElement.scrollLeft + document.body.scrollLeft+ window.event.clientX + 'px';
|
|
|
+ menu.style.top = document.documentElement.scrollTop + document.body.scrollTop+ window.event.clientY + 'px';
|
|
|
+ window.event.returnValue=false;
|
|
|
+ window.event.cancelBubble=true;
|
|
|
+ window.event.preventDafault();
|
|
|
+ window.event.stopPropagation();
|
|
|
+ return false;
|
|
|
+}
|
|
|
+
|
|
|
+//任务对象右键弹出菜单
|
|
|
+function show_models_popupmenu(obj)
|
|
|
+{
|
|
|
+ var obj_model_id = document.getElementById('popup_menu_model_id');
|
|
|
+ obj_model_id.value = obj.id;
|
|
|
+ var menu = document.getElementById('popupmenu_model');
|
|
|
+ menu.style.display = 'block';
|
|
|
+ menu.style.left = document.documentElement.scrollLeft + document.body.scrollLeft+ window.event.clientX + 'px';
|
|
|
+ menu.style.top = document.documentElement.scrollTop + document.body.scrollTop+ window.event.clientY + 'px';
|
|
|
+ window.event.returnValue=false;
|
|
|
+ window.event.cancelBubble=true;
|
|
|
+ window.event.preventDafault();
|
|
|
+ window.event.stopPropagation();
|
|
|
+ return false;
|
|
|
+}
|
|
|
+
|
|
|
+//隐藏右键菜单
|
|
|
+document.onclick = function()
|
|
|
+{
|
|
|
+ var menu = document.getElementById('popupmenu_project');
|
|
|
+ menu.style.display = 'none';
|
|
|
+ var obj_project_id = document.getElementById('popup_menu_project_id');
|
|
|
+ obj_project_id.value = "";
|
|
|
+
|
|
|
+ menu = document.getElementById('popupmenu_dataset');
|
|
|
+ menu.style.display = 'none';
|
|
|
+ var obj_dataset_id = document.getElementById('popup_menu_dataset_id');
|
|
|
+ obj_dataset_id.value = "";
|
|
|
+
|
|
|
+ menu = document.getElementById('popupmenu_task');
|
|
|
+ menu.style.display = 'none';
|
|
|
+ var obj_task_id = document.getElementById('popup_menu_task_id');
|
|
|
+ obj_task_id.value = "";
|
|
|
+
|
|
|
+ menu = document.getElementById('popupmenu_model');
|
|
|
+ menu.style.display = 'none';
|
|
|
+ var obj_model_id = document.getElementById('popup_menu_model_id');
|
|
|
+ obj_model_id.value = "";
|
|
|
+}
|
|
|
+
|
|
|
+//PaddleX RestfulAPI Demo Code
|
|
|
+//设置远端服务器地址
|
|
|
+function set_server_addr(input_data)
|
|
|
+{
|
|
|
+ var input_srv_url = document.getElementById('server_url_text');
|
|
|
+ str_srv_url = input_srv_url.value;
|
|
|
+
|
|
|
+ var last_pos = str_srv_url.length - 1;
|
|
|
+ var last_char = str_srv_url.charAt(last_pos);
|
|
|
+
|
|
|
+ if(last_char == '/')
|
|
|
+ {
|
|
|
+ str_srv_url = str_srv_url.substring(0, (str_srv_url.length - 1));
|
|
|
+ }
|
|
|
+
|
|
|
+ var http_request = new XMLHttpRequest();
|
|
|
+ http_request.onreadystatechange=function()
|
|
|
+ {
|
|
|
+
|
|
|
+ if (http_request.readyState==4)
|
|
|
+ {
|
|
|
+ if (http_request.status==200)
|
|
|
+ {
|
|
|
+ str_json = http_request.responseText;
|
|
|
+ var obj_json = eval('(' + str_json + ')');
|
|
|
+ var str_workspace_dir = obj_json["dirname"];
|
|
|
+ alert("设置成功！\n服务器地址：" + str_srv_url + "\n服务器工作区路径：" + str_workspace_dir);
|
|
|
+
|
|
|
+ hide_server_info(null);
|
|
|
+ load_projects();
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ alert("设置失败，服务器连接失败，请检查服务器地址是否正确！" + http_request.responseText)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ http_request.open('GET', str_srv_url + "/workspace", true);
|
|
|
+ http_request.send(null);
|
|
|
+}
|
|
|
+
|
|
|
+//获取工作区所有项目信息
|
|
|
+function load_projects()
|
|
|
+{
|
|
|
+ var http_request;
|
|
|
+ if (window.XMLHttpRequest)
|
|
|
+ {
|
|
|
+ http_request=new XMLHttpRequest();
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ http_request=new ActiveXObject("Microsoft.XMLHTTP");
|
|
|
+ }
|
|
|
+ http_request.onreadystatechange=function()
|
|
|
+ {
|
|
|
+ if(http_request.readyState==4 && http_request.status==200)
|
|
|
+ {
|
|
|
+ //更新表格内容
|
|
|
+ fill_table_contents(http_request.responseText, "project");
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ fill_table_with_error();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ http_request.open("GET",str_srv_url + "/project",true);
|
|
|
+ http_request.send(null);
|
|
|
+}
|
|
|
+
|
|
|
+//创建项目
|
|
|
+function create_project(input_data)
|
|
|
+{
|
|
|
+ var input_prj_name = document.getElementById('project_name_text');
|
|
|
+ var input_prj_type = document.getElementById('project_type_text');
|
|
|
+ var input_prj_desc = document.getElementById('project_desc_text');
|
|
|
+ var input_prj_dataset = document.getElementById('create_project_dataset_id_text');
|
|
|
+
|
|
|
+ var str_prj_name = input_prj_name.value;
|
|
|
+ var str_prj_type = input_prj_type.value;
|
|
|
+ var str_prj_desc = input_prj_desc.value;
|
|
|
+ var str_prj_dataset_id = input_prj_dataset.value;
|
|
|
+
|
|
|
+ if(str_prj_name == "")
|
|
|
+ {
|
|
|
+ alert("请输入项目名称");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if(str_prj_dataset_id == 0)
|
|
|
+ {
|
|
|
+ alert("请选择项目对应数据集或者创建数据集");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var http_request = new XMLHttpRequest();
|
|
|
+ http_request.onreadystatechange=function()
|
|
|
+ {
|
|
|
+ if (http_request.readyState==4)
|
|
|
+ {
|
|
|
+ if (http_request.status==200)
|
|
|
+ {
|
|
|
+ str_json = http_request.responseText;
|
|
|
+ alert(str_json);
|
|
|
+ var obj_json = eval('(' + str_json + ')');
|
|
|
+ var str_new_pid = obj_json["pid"];
|
|
|
+
|
|
|
+ //绑定数据集
|
|
|
+ var attr_dict = {'did': str_prj_dataset_id};
|
|
|
+ var bind_params = {'struct': 'project', 'id': str_new_pid, 'attr_dict': attr_dict}
|
|
|
+ var bind_http_request = new XMLHttpRequest();
|
|
|
+ bind_http_request.open("PUT", str_srv_url + "/workspace", false);
|
|
|
+ bind_http_request.setRequestHeader("Content-type","application/json");
|
|
|
+ bind_http_request.send(JSON.stringify(bind_params));
|
|
|
+
|
|
|
+ hide_create_prj_win_modal();
|
|
|
+ load_projects();
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ alert("项目创建失败，请检查服务器配置" + http_request.responseText);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ var data = {"name":str_prj_name,"desc":str_prj_desc,"project_type":str_prj_type};
|
|
|
+ http_request.open("POST", str_srv_url + "/project", true);
|
|
|
+ http_request.setRequestHeader("Content-type","application/json");
|
|
|
+ http_request.send(JSON.stringify(data));
|
|
|
+}
|
|
|
+
|
|
|
+//查看一个项目
|
|
|
+function show_project(data)
|
|
|
+{
|
|
|
+ g_view_project_task_id = data.id;
|
|
|
+ g_view_project_task_type = document.getElementById("view_project_type_" + g_view_project_task_id).value;
|
|
|
+
|
|
|
+ //查看项目下的任务
|
|
|
+ load_project_tasks(data.id);
|
|
|
+}
|
|
|
+
|
|
|
+//获取工作区所有数据集信息
|
|
|
+function load_datasets()
|
|
|
+{
|
|
|
+ var http_request;
|
|
|
+ if (window.XMLHttpRequest)
|
|
|
+ {
|
|
|
+ http_request=new XMLHttpRequest();
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ http_request=new ActiveXObject("Microsoft.XMLHTTP");
|
|
|
+ }
|
|
|
+ http_request.onreadystatechange=function()
|
|
|
+ {
|
|
|
+ if(http_request.readyState==4 && http_request.status==200)
|
|
|
+ {
|
|
|
+ //更新表格内容
|
|
|
+ fill_table_contents(http_request.responseText, "dataset");
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ fill_table_with_error();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ http_request.open("GET",str_srv_url + "/dataset",false);
|
|
|
+ http_request.send(null);
|
|
|
+}
|
|
|
+
|
|
|
+//获取所有任务信息
|
|
|
+function load_tasks()
|
|
|
+{
|
|
|
+ document.getElementById("btn_refresh").value = "刷新所有任务信息";
|
|
|
+
|
|
|
+ var http_request;
|
|
|
+ if (window.XMLHttpRequest)
|
|
|
+ {
|
|
|
+ http_request=new XMLHttpRequest();
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ http_request=new ActiveXObject("Microsoft.XMLHTTP");
|
|
|
+ }
|
|
|
+ http_request.onreadystatechange=function()
|
|
|
+ {
|
|
|
+ if(http_request.readyState==4 && http_request.status==200)
|
|
|
+ {
|
|
|
+ //更新表格内容
|
|
|
+ fill_table_contents(http_request.responseText, "task");
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ fill_table_with_error();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ http_request.open("GET",str_srv_url + "/project/task",false);
|
|
|
+ http_request.send(null);
|
|
|
+}
|
|
|
+
|
|
|
+//获取项目下的任务
|
|
|
+function load_project_tasks(str_project_id)
|
|
|
+{
|
|
|
+ document.getElementById("btn_refresh").value = "刷新项目任务信息";
|
|
|
+
|
|
|
+ var http_request;
|
|
|
+ if (window.XMLHttpRequest)
|
|
|
+ {
|
|
|
+ http_request=new XMLHttpRequest();
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ http_request=new ActiveXObject("Microsoft.XMLHTTP");
|
|
|
+ }
|
|
|
+ http_request.onreadystatechange=function()
|
|
|
+ {
|
|
|
+ if(http_request.readyState==4 && http_request.status==200)
|
|
|
+ {
|
|
|
+ //更新表格内容
|
|
|
+ fill_table_contents(http_request.responseText, "task");
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ fill_table_with_error();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ http_request.open("GET",str_srv_url + "/project/task?pid=" + str_project_id,false);
|
|
|
+ http_request.send(null);
|
|
|
+}
|
|
|
+
|
|
|
+//创建数据集
|
|
|
+function create_dataset(input_data)
|
|
|
+{
|
|
|
+ var http_request = new XMLHttpRequest();
|
|
|
+ http_request.onreadystatechange=function()
|
|
|
+ {
|
|
|
+ if (http_request.readyState==4)
|
|
|
+ {
|
|
|
+ if (http_request.status==200)
|
|
|
+ {
|
|
|
+ alert(http_request.responseText)
|
|
|
+ hide_create_dataset_win_modal();
|
|
|
+ load_datasets();
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ alert("数据集创建失败，请检查服务器配置" + http_request.responseText);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var input_dataset_name = document.getElementById('dataset_name_text');
|
|
|
+ var input_dataset_type = document.getElementById('dataset_type_text');
|
|
|
+ var input_dataset_desc = document.getElementById('dataset_desc_text');
|
|
|
+
|
|
|
+ var str_dataset_name = input_dataset_name.value;
|
|
|
+ var str_dataset_type = input_dataset_type.value;
|
|
|
+ var str_dataset_desc = input_dataset_desc.value;
|
|
|
+
|
|
|
+ if(str_dataset_name == "")
|
|
|
+ {
|
|
|
+ alert("请输入数据集名称");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var data = {"name":str_dataset_name,"desc":str_dataset_desc,"dataset_type":str_dataset_type};
|
|
|
+
|
|
|
+ http_request.open("POST", str_srv_url + "/dataset", true);
|
|
|
+ http_request.setRequestHeader("Content-type","application/json");
|
|
|
+ http_request.send(JSON.stringify(data));
|
|
|
+}
|
|
|
+
|
|
|
+//导入数据集
|
|
|
+function import_dataset(obj)
|
|
|
+{
|
|
|
+ var http_request = new XMLHttpRequest();
|
|
|
+ http_request.onreadystatechange=function()
|
|
|
+ {
|
|
|
+ if (http_request.readyState==4)
|
|
|
+ {
|
|
|
+ if (http_request.status==200)
|
|
|
+ {
|
|
|
+ alert("数据集导入成功！\n" + http_request.responseText);
|
|
|
+ hide_import_dataset_win_modal(obj);
|
|
|
+ load_datasets();
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ alert("数据集导入失败，请检查服务器配置" + http_request.responseText);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ var obj_import_dataset_id = document.getElementById('import_dataset_id');
|
|
|
+ str_import_dataset_id = obj_import_dataset_id.value;
|
|
|
+
|
|
|
+ var input_dataset_path = document.getElementById('import_dataset_path_text');
|
|
|
+
|
|
|
+ var str_dataset_path = input_dataset_path.value;
|
|
|
+
|
|
|
+ if(str_dataset_path == "")
|
|
|
+ {
|
|
|
+ alert("请输入数据集路径");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var data = {"did":str_import_dataset_id,"path":str_dataset_path};
|
|
|
+
|
|
|
+ http_request.open("PUT", str_srv_url + "/dataset", true);
|
|
|
+ http_request.setRequestHeader("Content-type","application/json");
|
|
|
+ http_request.send(JSON.stringify(data));
|
|
|
+}
|
|
|
+
|
|
|
+//切分数据集
|
|
|
+function split_dataset(obj)
|
|
|
+{
|
|
|
+ var http_request = new XMLHttpRequest();
|
|
|
+ http_request.onreadystatechange=function()
|
|
|
+ {
|
|
|
+ if (http_request.readyState==4)
|
|
|
+ {
|
|
|
+ if (http_request.status==200)
|
|
|
+ {
|
|
|
+ alert("数据集切分成功!\n" + http_request.responseText);
|
|
|
+ hide_split_dataset_win_modal(obj);
|
|
|
+ load_datasets();
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ alert("数据集切分失败，请检查服务器配置" + http_request.responseText);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ var obj_split_dataset_id = document.getElementById('split_dataset_id');
|
|
|
+ var str_split_dataset_id = obj_split_dataset_id.value;
|
|
|
+
|
|
|
+ var obj_split_dataset_var_percent = document.getElementById('split_dataset_val_percent');
|
|
|
+ var val_split = obj_split_dataset_var_percent.value/100;
|
|
|
+
|
|
|
+ var obj_split_dataset_test_percent = document.getElementById('split_dataset_test_percent');
|
|
|
+ var test_split = obj_split_dataset_test_percent.value/100;
|
|
|
+
|
|
|
+ var data = {"did":str_split_dataset_id, "val_split":val_split, "test_split":test_split};
|
|
|
+
|
|
|
+ alert(JSON.stringify(data));
|
|
|
+
|
|
|
+ http_request.open("PUT", str_srv_url + "/dataset/split", true);
|
|
|
+ http_request.setRequestHeader("Content-type","application/json");
|
|
|
+ http_request.send(JSON.stringify(data));
|
|
|
+}
|
|
|
+
|
|
|
+//获取所有导出模型
|
|
|
+function load_models()
|
|
|
+{
|
|
|
+ var http_request;
|
|
|
+ if (window.XMLHttpRequest)
|
|
|
+ {
|
|
|
+ http_request=new XMLHttpRequest();
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ http_request=new ActiveXObject("Microsoft.XMLHTTP");
|
|
|
+ }
|
|
|
+ http_request.onreadystatechange=function()
|
|
|
+ {
|
|
|
+ if(http_request.readyState==4 && http_request.status==200)
|
|
|
+ {
|
|
|
+ //更新表格内容
|
|
|
+ fill_table_contents(http_request.responseText, "models");
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ fill_table_with_error();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ http_request.open("GET",str_srv_url + "/model?type=exported",false);
|
|
|
+ http_request.send(null);
|
|
|
+}
|
|
|
+
|
|
|
+//填充对象信息到表格(项目/数据集/任务/模型)
|
|
|
+function fill_table_contents(list_contents, type = "project")
|
|
|
+{
|
|
|
+ if(type == "project")
|
|
|
+ {
|
|
|
+ document.getElementById("btn_refresh").value = "刷新项目信息";
|
|
|
+ rows = table_contents.rows.length;
|
|
|
+ for (i=0;i<rows;i++)
|
|
|
+ {
|
|
|
+ table_contents.deleteRow(i);
|
|
|
+ rows=rows-1;
|
|
|
+ i=i-1;
|
|
|
+ }
|
|
|
+
|
|
|
+ rows = table_contents.rows.length;
|
|
|
+ var newTr=table_contents.insertRow(rows);
|
|
|
+ var str_json = eval('(' + list_contents + ')');
|
|
|
+ var obj_prjs = str_json["projects"];
|
|
|
+ count_prj = Object.keys(obj_prjs).length;
|
|
|
+ col_count = 1;
|
|
|
+
|
|
|
+ //项目为空
|
|
|
+ if(count_prj <= 0)
|
|
|
+ {
|
|
|
+ var newTd0=newTr.insertCell();
|
|
|
+ var str_html = "<div id=\"draw-border\"><view_item id=\"btn_create\" onclick=\"show_create_project_win_modal(this)\" style=\"width: 240px; height: 90px; align: center\">"
|
|
|
+ str_html = str_html + "<br><font color=\"blue\">暂无项目，点击创建新项目</font>";
|
|
|
+
|
|
|
+ str_html = str_html + "</view_item></div>";
|
|
|
+ newTd0.innerHTML = str_html;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ for(var p in obj_prjs)
|
|
|
+ {
|
|
|
+ str_id = obj_prjs[p].id;
|
|
|
+ str_attr = obj_prjs[p].attr;
|
|
|
+ str_name = str_attr["name"];
|
|
|
+ str_desc = str_attr["desc"];
|
|
|
+ str_type = str_attr["type"];
|
|
|
+ str_crttime = str_attr["create_time"];
|
|
|
+
|
|
|
+ var newTd0=newTr.insertCell();
|
|
|
+ var str_html = "";
|
|
|
+
|
|
|
+ str_html = "<div id=\"draw-border\" style=\"word-wrap: break-word;\"><view_item onclick=\"show_project(this)\" oncontextmenu=\"javascript:show_project_popupmenu(this);\" id=\"" + str_id + "\">";
|
|
|
+ str_html = str_html + "项目名称：" + str_name + " (" + str_id + ")" + "<br>";
|
|
|
+
|
|
|
+ if(str_type == "classification")
|
|
|
+ str_type_view = "<font color=\"green\">图像分类</font>";
|
|
|
+ else if(str_type == "detection")
|
|
|
+ str_type_view = "<font color=\"purple\">目标检测</font>";
|
|
|
+ else if(str_type == "instance_segmentation")
|
|
|
+ str_type_view = "<font color=\"orange\">实例分割</font>";
|
|
|
+ else if(str_type == "segmentation")
|
|
|
+ str_type_view = "<font color=\"red\">语义分割</font>";
|
|
|
+
|
|
|
+ //如下所示，后续如果要获取对象数据，可以在此处放hidden input，后续再通过id获取
|
|
|
+ str_html = str_html + "项目类型：" + str_type_view + "<br>" + "<input type=\"hidden\" id=\"view_project_type_" + str_id + "\" value=\"" + str_type + "\">";
|
|
|
+ str_html = str_html + "项目描述：" + str_desc + "<br><br><br>";
|
|
|
+ str_html = str_html + "创建时间：" + str_crttime + "<br>";
|
|
|
+ str_html = str_html + "</view_item></div>";
|
|
|
+ newTd0.innerHTML = str_html;
|
|
|
+
|
|
|
+ if(col_count == 5)
|
|
|
+ {
|
|
|
+ rows = table_contents.rows.length;
|
|
|
+ newTr=table_contents.insertRow(rows);
|
|
|
+ col_count = 1;
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ col_count = col_count + 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ else if(type == "dataset")
|
|
|
+ {
|
|
|
+ document.getElementById("btn_refresh").value = "刷新数据集信息";
|
|
|
+ rows = table_contents.rows.length;
|
|
|
+ for (i=0;i<rows;i++)
|
|
|
+ {
|
|
|
+ table_contents.deleteRow(i);
|
|
|
+ rows=rows-1;
|
|
|
+ i=i-1;
|
|
|
+ }
|
|
|
+
|
|
|
+ rows = table_contents.rows.length;
|
|
|
+ var newTr=table_contents.insertRow(rows);
|
|
|
+ var str_json = eval('(' + list_contents + ')');
|
|
|
+ var obj_datasets = str_json["datasets"];
|
|
|
+ count_datasets = Object.keys(obj_datasets).length;
|
|
|
+ col_count = 1;
|
|
|
+
|
|
|
+ //数据集为空
|
|
|
+ if(count_datasets <= 0)
|
|
|
+ {
|
|
|
+ var newTd0=newTr.insertCell();
|
|
|
+ var str_html = "<div id=\"draw-border\"><view_item id=\"btn_create\" onclick=\"show_create_dataset_win_modal(this)\" style=\"width: 260px; height: 90px; align: center\">"
|
|
|
+ str_html = str_html + "<br><font color=\"blue\">暂无数据集，点击创建数据集</font>";
|
|
|
+
|
|
|
+ str_html = str_html + "</view_item></div>";
|
|
|
+ newTd0.innerHTML = str_html;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ for(var p in obj_datasets)
|
|
|
+ {
|
|
|
+ str_id = obj_datasets[p].id;
|
|
|
+ str_attr = obj_datasets[p].attr;
|
|
|
+ str_name = str_attr["name"];
|
|
|
+ str_desc = str_attr["desc"];
|
|
|
+ str_type = str_attr["type"];
|
|
|
+ str_crttime = str_attr["create_time"];
|
|
|
+ str_status = str_attr["dataset_status"];
|
|
|
+ str_dataset_path = str_attr["path"];
|
|
|
+
|
|
|
+ //增加状态显示以及对应的操作
|
|
|
+ var view_status_str = "未导入";
|
|
|
+ var str_function = "void";
|
|
|
+ if (str_status == DatasetStatus.XEMPTY)
|
|
|
+ {
|
|
|
+ view_status_str = "未导入";
|
|
|
+ str_function = "show_import_dataset_win_modal";
|
|
|
+ }
|
|
|
+ else if (str_status == DatasetStatus.XCHECKING)
|
|
|
+ {
|
|
|
+ view_status_str = "校验中";
|
|
|
+ }
|
|
|
+ else if (str_status == DatasetStatus.XCHECKFAIL)
|
|
|
+ {
|
|
|
+ view_status_str = "校验失败";
|
|
|
+ str_function = "show_import_dataset_win_modal";
|
|
|
+ }
|
|
|
+ else if (str_status == DatasetStatus.XCOPYING)
|
|
|
+ {
|
|
|
+ view_status_str = "导入中";
|
|
|
+ }
|
|
|
+ else if (str_status == DatasetStatus.XCOPYDONE)
|
|
|
+ {
|
|
|
+ view_status_str = "已校验&未切分";
|
|
|
+ str_function = "show_split_dataset_win_modal";
|
|
|
+ }
|
|
|
+ else if (str_status == DatasetStatus.XSPLITED)
|
|
|
+ {
|
|
|
+ view_status_str = "已校验&已切分";
|
|
|
+ str_function = "show_browse_dataset_win_modal";
|
|
|
+ }
|
|
|
+ else if (str_status == DatasetStatus.XCOPYFAIL)
|
|
|
+ {
|
|
|
+ view_status_str = "导入失败";
|
|
|
+ str_function = "show_import_dataset_win_modal";
|
|
|
+ }
|
|
|
+
|
|
|
+ var newTd0=newTr.insertCell();
|
|
|
+ var str_html = "";
|
|
|
+
|
|
|
+ str_html = "<div id=\"draw-border\" style=\"word-wrap: break-word;\"><view_item id=\"" + str_id + "\" onclick=\"javascript:" + str_function + "(this);\" oncontextmenu=\"javascript:show_dataset_popupmenu(this);\">";
|
|
|
+
|
|
|
+ str_html = str_html + "数据集名称：" + str_name + " (" + str_id + ")" + "<br>" + "<input type=\"hidden\" id=\"view_dataset_name_" + str_id + "\" value=\"" + str_name + "\">";
|
|
|
+
|
|
|
+ if(str_type == "classification")
|
|
|
+ {
|
|
|
+ str_dataset_type = "图像分类";
|
|
|
+ str_type_view = "<font color=\"green\">图像分类</font>";
|
|
|
+ }
|
|
|
+ else if(str_type == "detection")
|
|
|
+ {
|
|
|
+ str_dataset_type = "目标检测";
|
|
|
+ str_type_view = "<font color=\"purple\">目标检测</font>";
|
|
|
+ }
|
|
|
+ else if(str_type == "instance_segmentation")
|
|
|
+ {
|
|
|
+ str_dataset_type = "实例分割";
|
|
|
+ str_type_view = "<font color=\"orange\">实例分割</font>";
|
|
|
+ }
|
|
|
+ else if(str_type == "segmentation")
|
|
|
+ {
|
|
|
+ str_dataset_type = "语义分割";
|
|
|
+ str_type_view = "<font color=\"red\">语义分割</font>";
|
|
|
+ }
|
|
|
+
|
|
|
+ //如果需要获取对象信息，可以在此增加hidden的input
|
|
|
+ str_html = str_html + "数据集类型：" + str_type_view + "<br>" + "<input type=\"hidden\" id=\"view_dataset_type_" + str_id + "\" value=\"" + str_dataset_type + "\">";
|
|
|
+ str_html = str_html + "数据集描述：" + str_desc + "<br><br>" + "<input type=\"hidden\" id=\"view_dataset_desc_" + str_id + "\" value=\"" + str_desc + "\">";
|
|
|
+ str_html = str_html + "创建时间：" + str_crttime + "<br>" + "<input type=\"hidden\" id=\"view_dataset_path_" + str_id + "\" value=\"" + str_dataset_path + "\">";
|
|
|
+
|
|
|
+ str_html = str_html + "数据集状态：" + view_status_str + "<br>";
|
|
|
+ str_html = str_html + "</view_item></div>";
|
|
|
+ newTd0.innerHTML = str_html;
|
|
|
+
|
|
|
+ if(col_count == 5)
|
|
|
+ {
|
|
|
+ rows = table_contents.rows.length;
|
|
|
+ newTr=table_contents.insertRow(rows);
|
|
|
+ col_count = 1;
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ col_count = col_count + 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ else if(type == "task")
|
|
|
+ {
|
|
|
+ rows = table_contents.rows.length;
|
|
|
+ for (i=0;i<rows;i++)
|
|
|
+ {
|
|
|
+ table_contents.deleteRow(i);
|
|
|
+ rows=rows-1;
|
|
|
+ i=i-1;
|
|
|
+ }
|
|
|
+
|
|
|
+ rows = table_contents.rows.length;
|
|
|
+ var newTr=table_contents.insertRow(rows);
|
|
|
+ var str_json = eval('(' + list_contents + ')');
|
|
|
+ var obj_tasks = str_json["tasks"];
|
|
|
+ count_tasks = Object.keys(obj_tasks).length;
|
|
|
+ col_count = 1;
|
|
|
+
|
|
|
+ //数据集为空
|
|
|
+ if(count_tasks <= 0)
|
|
|
+ {
|
|
|
+ var newTd0=newTr.insertCell();
|
|
|
+ var str_html = "";
|
|
|
+
|
|
|
+ if(document.getElementById("btn_refresh").value == "刷新项目任务信息")
|
|
|
+ {
|
|
|
+ str_html = "<div id=\"draw-border\"><view_item id=\"btn_create\" onclick=\"javascript:show_create_task_win_modal(this)\" style=\"width: 340px; height: 90px; align: center\">"
|
|
|
+ str_html = str_html + "<br><font color=\"blue\">当前项目无训练任务，点击创建训练任务</font>";
|
|
|
+ str_html = str_html + "</view_item></div>";
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ str_html = "<div id=\"draw-border\"><view_item id=\"btn_create\" onclick=\"javascript:void(this)\" style=\"width: 420px; height: 90px; align: center\">"
|
|
|
+ str_html = str_html + "<br><font color=\"blue\">当前无训练任务，请先在对应项目中创建训练任务</font>";
|
|
|
+ str_html = str_html + "</view_item></div>";
|
|
|
+ }
|
|
|
+ newTd0.innerHTML = str_html;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ for(var p in obj_tasks)
|
|
|
+ {
|
|
|
+ str_id = obj_tasks[p].id;
|
|
|
+ str_pid = obj_tasks[p].pid;
|
|
|
+ str_name = obj_tasks[p].name;
|
|
|
+ str_desc = obj_tasks[p].desc;
|
|
|
+ str_path = obj_tasks[p].path;
|
|
|
+ str_crttime = obj_tasks[p].create_time;
|
|
|
+ str_status = obj_tasks[p].status;
|
|
|
+
|
|
|
+ //增加状态显示以及对应的操作
|
|
|
+ var view_status_str = "初始化";
|
|
|
+ var str_function = "void";
|
|
|
+ if (str_status == TaskStatus.XUNINIT)
|
|
|
+ {
|
|
|
+ view_status_str = "初始化";
|
|
|
+ str_function = "show_init_task_win_modal";
|
|
|
+ }
|
|
|
+ else if (str_status == TaskStatus.XINIT)
|
|
|
+ {
|
|
|
+ view_status_str = "初始化";
|
|
|
+ str_function = "show_init_task_win_modal";
|
|
|
+ }
|
|
|
+ else if (str_status == TaskStatus.XDOWNLOADING)
|
|
|
+ {
|
|
|
+ view_status_str = "下载预训练模型中";
|
|
|
+ str_function = "show_task_detail_info_win_modal";
|
|
|
+ }
|
|
|
+ else if (str_status == TaskStatus.XTRAINING)
|
|
|
+ {
|
|
|
+ view_status_str = "训练中";
|
|
|
+ str_function = "show_task_detail_info_win_modal";
|
|
|
+ }
|
|
|
+ else if (str_status == TaskStatus.XTRAINDONE)
|
|
|
+ {
|
|
|
+ view_status_str = "训练完成";
|
|
|
+ str_function = "show_task_detail_info_win_modal";
|
|
|
+ }
|
|
|
+ else if (str_status == TaskStatus.XEVALUATED)
|
|
|
+ {
|
|
|
+ view_status_str = "评估完成";
|
|
|
+ str_function = "show_evaluate_export_win_modal";
|
|
|
+ }
|
|
|
+ else if (str_status == TaskStatus.XEXPORTING)
|
|
|
+ {
|
|
|
+ view_status_str = "模型导出中";
|
|
|
+ str_function = "show_task_detail_info_win_modal";
|
|
|
+ }
|
|
|
+ else if (str_status == TaskStatus.XEXPORTED)
|
|
|
+ {
|
|
|
+ view_status_str = "模型导出成功";
|
|
|
+ str_function = "show_task_detail_info_win_modal";
|
|
|
+ }
|
|
|
+ else if (str_status == TaskStatus.XTRAINEXIT)
|
|
|
+ {
|
|
|
+ view_status_str = "任务中止";
|
|
|
+ str_function = "show_task_detail_info_win_modal";
|
|
|
+ }
|
|
|
+ else if (str_status == TaskStatus.XDOWNLOADFAIL)
|
|
|
+ {
|
|
|
+ view_status_str = "预训练模型下载失败";
|
|
|
+ str_function = "show_task_detail_info_win_modal";
|
|
|
+ }
|
|
|
+ else if (str_status == TaskStatus.XTRAINFAIL)
|
|
|
+ {
|
|
|
+ view_status_str = "任务运行失败";
|
|
|
+ str_function = "show_task_detail_info_win_modal";
|
|
|
+ }
|
|
|
+ else if (str_status == TaskStatus.XEVALUATING)
|
|
|
+ {
|
|
|
+ view_status_str = "任务评估中";
|
|
|
+ str_function = "show_evaluate_export_win_modal";
|
|
|
+ }
|
|
|
+ else if (str_status == TaskStatus.XEVALUATEFAIL)
|
|
|
+ {
|
|
|
+ view_status_str = "评估失败";
|
|
|
+ str_function = "show_evaluate_export_win_modal";
|
|
|
+ }
|
|
|
+ else if (str_status == TaskStatus.XEXPORTFAIL)
|
|
|
+ {
|
|
|
+ view_status_str = "模型导出失败";
|
|
|
+ str_function = "show_evaluate_export_win_modal";
|
|
|
+ }
|
|
|
+ else if (str_status == TaskStatus.XPRUNEING)
|
|
|
+ {
|
|
|
+ view_status_str = "裁剪分析中";
|
|
|
+ //str_function = "show_task_detail_info_win_modal";
|
|
|
+ }
|
|
|
+ else if (str_status == TaskStatus.XPRUNETRAIN)
|
|
|
+ {
|
|
|
+ view_status_str = "裁剪训练中";
|
|
|
+ //str_function = "show_task_detail_info_win_modal";
|
|
|
+ }
|
|
|
+
|
|
|
+ var newTd0=newTr.insertCell();
|
|
|
+ var str_html = "";
|
|
|
+ var str_type = "classification";
|
|
|
+
|
|
|
+ str_html = "<div id=\"draw-border\" style=\"word-wrap: break-word;\"><view_item id=\"" + str_id + "\" onclick=\"javascript:" + str_function + "(this);\" oncontextmenu=\"javascript:show_task_popupmenu(this);\">";
|
|
|
+
|
|
|
+ str_html = str_html + "任务ID：" + str_id + "<br>";
|
|
|
+
|
|
|
+ if(str_type == "classification")
|
|
|
+ str_type_view = "<font color=\"green\">图像分类</font>";
|
|
|
+ else if(str_type == "detection")
|
|
|
+ str_type_view = "<font color=\"purple\">目标检测</font>";
|
|
|
+ else if(str_type == "instance_segmentation")
|
|
|
+ str_type_view = "<font color=\"orange\">实例分割</font>";
|
|
|
+ else if(str_type == "segmentation")
|
|
|
+ str_type_view = "<font color=\"red\">语义分割</font>";
|
|
|
+
|
|
|
+ //如果需要获取对象信息，可以在此增加hidden的input
|
|
|
+ str_html = str_html + "任务类型：" + str_type_view + "<br>" + "<input type=\"hidden\" id=\"view_task_prj_type_" + str_id + "\" value=\"" + str_type + "\">"
|
|
|
+ str_html = str_html + "所属项目：" + str_pid + "<br><br>" + "<input type=\"hidden\" id=\"view_task_pid_" + str_id + "\" value=\"" + str_pid + "\">";
|
|
|
+ str_html = str_html + "创建时间：" + str_crttime + "<br>";
|
|
|
+
|
|
|
+ str_html = str_html + "任务状态：" + view_status_str + "(" + str_status + ")" + "<br>";
|
|
|
+ str_html = str_html + "</view_item></div>";
|
|
|
+ newTd0.innerHTML = str_html;
|
|
|
+
|
|
|
+ if(col_count == 5)
|
|
|
+ {
|
|
|
+ rows = table_contents.rows.length;
|
|
|
+ newTr=table_contents.insertRow(rows);
|
|
|
+ col_count = 1;
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ col_count = col_count + 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ else if(type == "models")
|
|
|
+ {
|
|
|
+ document.getElementById("btn_refresh").value = "刷新模型信息";
|
|
|
+ rows = table_contents.rows.length;
|
|
|
+ for (i=0;i<rows;i++)
|
|
|
+ {
|
|
|
+ table_contents.deleteRow(i);
|
|
|
+ rows=rows-1;
|
|
|
+ i=i-1;
|
|
|
+ }
|
|
|
+
|
|
|
+ rows = table_contents.rows.length;
|
|
|
+ var newTr=table_contents.insertRow(rows);
|
|
|
+ var str_json = eval('(' + list_contents + ')');
|
|
|
+ var obj_models = str_json["exported_models"];
|
|
|
+ count_models = Object.keys(obj_models).length;
|
|
|
+ col_count = 1;
|
|
|
+
|
|
|
+ //数据集为空
|
|
|
+ if(count_models <= 0)
|
|
|
+ {
|
|
|
+ var newTd0=newTr.insertCell();
|
|
|
+ var str_html = "<div id=\"draw-border\"><view_item id=\"btn_create\" onclick=\"javascript:void(this)\" style=\"width: 350px; height: 90px; align: center\">"
|
|
|
+ str_html = str_html + "<br><font color=\"blue\">暂无模型，请先启动任务训练并导出模型</font>";
|
|
|
+
|
|
|
+ str_html = str_html + "</view_item></div>";
|
|
|
+ newTd0.innerHTML = str_html;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ for(var p in obj_models)
|
|
|
+ {
|
|
|
+ str_id = obj_models[p].id;
|
|
|
+ var str_model_name = obj_models[p].name;
|
|
|
+ var str_model_view_type = "图像分类";
|
|
|
+ var str_model_path = obj_models[p].path;
|
|
|
+ var str_model = obj_models[p].model;
|
|
|
+ var str_model_crttime = obj_models[p].create_time;
|
|
|
+ var str_model_type = obj_models[p].type;
|
|
|
+ var str_model_pid = obj_models[p].pid;
|
|
|
+ var str_model_tid = obj_models[p].tid;
|
|
|
+
|
|
|
+ var newTd0=newTr.insertCell();
|
|
|
+ var str_html = "";
|
|
|
+
|
|
|
+ if(str_model_type == "classification")
|
|
|
+ str_model_view_type = "<font color=\"green\">图像分类</font>";
|
|
|
+ else if(str_model_type == "detection")
|
|
|
+ str_model_view_type = "<font color=\"purple\">目标检测</font>";
|
|
|
+ else if(str_model_type == "instance_segmentation")
|
|
|
+ str_model_view_type = "<font color=\"orange\">实例分割</font>";
|
|
|
+ else if(str_model_type == "segmentation")
|
|
|
+ str_model_view_type = "<font color=\"red\">语义分割</font>";
|
|
|
+
|
|
|
+ var str_function = "view_model_detail_info";
|
|
|
+
|
|
|
+ str_html = "<div id=\"draw-border\" style=\"word-wrap: break-word;\"><view_item id=\"" + str_id + "\" style=\"width: 750px;height: 170px;\" onclick=\"javascript:" + str_function + "(this);\" oncontextmenu=\"javascript:show_models_popupmenu(this);\">";
|
|
|
+
|
|
|
+ str_html = str_html + "模型名称：" + str_model_name + " (" + str_id + ")" + "<br>";
|
|
|
+ str_html = str_html + "模型类型：" + str_model_view_type + "<br>";
|
|
|
+ str_html = str_html + "网络结构：" + str_model + "<br>";
|
|
|
+ str_html = str_html + "所属项目及任务：" + str_model_pid + "-" + str_model_tid + "<br>";
|
|
|
+
|
|
|
+ //如果需要获取对象信息，可以在此增加hidden的input
|
|
|
+ str_html = str_html + "模型路径： <font size=\"1\">" + str_model_path + "</font><br>";
|
|
|
+ str_html = str_html + "导出时间：" + str_model_crttime + "<br>";
|
|
|
+
|
|
|
+ str_html = str_html + "</view_item></div>";
|
|
|
+ newTd0.innerHTML = str_html;
|
|
|
+
|
|
|
+ if(col_count == 2)
|
|
|
+ {
|
|
|
+ rows = table_contents.rows.length;
|
|
|
+ newTr=table_contents.insertRow(rows);
|
|
|
+ col_count = 1;
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ col_count = col_count + 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//错误信息提示
|
|
|
+function fill_table_with_error()
|
|
|
+{
|
|
|
+ rows = table_contents.rows.length;
|
|
|
+ for (i=0;i<rows;i++)
|
|
|
+ {
|
|
|
+ table_contents.deleteRow(i);
|
|
|
+ rows=rows-1;
|
|
|
+ i=i-1;
|
|
|
+ }
|
|
|
+
|
|
|
+ rows = table_contents.rows.length;
|
|
|
+ var newTr=table_contents.insertRow(rows);
|
|
|
+
|
|
|
+ var newTd0=newTr.insertCell();
|
|
|
+ var str_html = "<div id=\"draw-border\"><view_item id=\"btn_create\" onclick=\"show_server_info(this)\" style=\"width: 330px; height: 90px; align: center\">"
|
|
|
+ str_html = str_html + "<br><font color=\"red\">连接服务器失败，点击设置服务器信息</font>";
|
|
|
+
|
|
|
+ str_html = str_html + "</view_item></div>";
|
|
|
+ newTd0.innerHTML = str_html;
|
|
|
+}
|
|
|
+
|
|
|
+//显示创建任务弹出窗口
|
|
|
+function show_create_task_win_modal(obj)
|
|
|
+{
|
|
|
+ var obj_project_id = document.getElementById('popup_menu_project_id');
|
|
|
+ var str_project_id = "";
|
|
|
+
|
|
|
+ if(obj_project_id.value != "")
|
|
|
+ {
|
|
|
+ var input_create_task_prj_id = document.getElementById('create_task_project_id');
|
|
|
+ input_create_task_prj_id.value = obj_project_id.value;
|
|
|
+ str_project_id = obj_project_id.value;
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ var input_create_task_prj_id = document.getElementById('create_task_project_id');
|
|
|
+ input_create_task_prj_id.value = g_view_project_task_id;
|
|
|
+ str_project_id = g_view_project_task_id;
|
|
|
+ }
|
|
|
+
|
|
|
+ //创建任务时项目类型
|
|
|
+ var str_task_type = "";
|
|
|
+ try
|
|
|
+ {
|
|
|
+ str_task_type = document.getElementById("view_project_type_" + str_project_id).value;
|
|
|
+ }
|
|
|
+ catch(err)
|
|
|
+ {
|
|
|
+ str_task_type = g_view_project_task_type;
|
|
|
+ }
|
|
|
+ //取出默认参数
|
|
|
+ var http_request = new XMLHttpRequest();
|
|
|
+ http_request.open("GET", str_srv_url + "/project/task/params?pid=" + str_project_id, false);
|
|
|
+ http_request.send(null);
|
|
|
+
|
|
|
+ //填充参数到表格
|
|
|
+ add_parms_to_table(http_request.responseText, str_task_type);
|
|
|
+
|
|
|
+ //按纽
|
|
|
+ var obj_btn = document.getElementById('btn_create_task');
|
|
|
+ obj_btn.value = "创建并启动训练";
|
|
|
+
|
|
|
+ var on_win_create_task = document.getElementById('input_win_create_task');
|
|
|
+ var over_win_create_task = document.getElementById('input_win_create_task_over');
|
|
|
+
|
|
|
+ on_win_create_task.style.display = "block";
|
|
|
+ over_win_create_task.style.display = "block";
|
|
|
+}
|
|
|
+
|
|
|
+//隐藏创建任务弹出窗口
|
|
|
+function hide_create_task_win_modal(obj)
|
|
|
+{
|
|
|
+ var on_win_create_task = document.getElementById('input_win_create_task');
|
|
|
+ var over_win_create_task = document.getElementById('input_win_create_task_over');
|
|
|
+ var input_create_task_prj_id = document.getElementById('create_task_project_id');
|
|
|
+
|
|
|
+ on_win_create_task.style.display = "none";
|
|
|
+ over_win_create_task.style.display = "none";
|
|
|
+ input_create_task_prj_id.value = "";
|
|
|
+}
|
|
|
+
|
|
|
+//显示任务初始化参数及启动训练弹窗
|
|
|
+function show_init_task_win_modal(obj)
|
|
|
+{
|
|
|
+ var str_view_task_id = obj.id;
|
|
|
+ var str_obj_task_prj_key = "view_task_pid_" + obj.id;
|
|
|
+ var obj_project_id = document.getElementById(str_obj_task_prj_key);
|
|
|
+ var str_project_id = obj_project_id.value;
|
|
|
+
|
|
|
+ //任务类型
|
|
|
+ var str_task_type = document.getElementById("view_task_prj_type_" + str_view_task_id).value;
|
|
|
+
|
|
|
+ //取出默认参数
|
|
|
+ var http_request = new XMLHttpRequest();
|
|
|
+ http_request.open("GET", str_srv_url + "/project/task/params?tid=" + str_view_task_id, false);
|
|
|
+ http_request.send(null);
|
|
|
+
|
|
|
+ //填充参数到表格
|
|
|
+ add_parms_to_table(http_request.responseText, str_task_type);
|
|
|
+
|
|
|
+ //tid赋值成obj.id
|
|
|
+ var obj_init_task_input = document.getElementById('create_task_hidden_task_id');
|
|
|
+ obj_init_task_input.value = obj.id;
|
|
|
+
|
|
|
+ var obj_btn = document.getElementById('btn_create_task');
|
|
|
+ obj_btn.value = "启动训练";
|
|
|
+
|
|
|
+ var on_win_create_task = document.getElementById('input_win_create_task');
|
|
|
+ var over_win_create_task = document.getElementById('input_win_create_task_over');
|
|
|
+
|
|
|
+ on_win_create_task.style.display = "block";
|
|
|
+ over_win_create_task.style.display = "block";
|
|
|
+}
|
|
|
+
|
|
|
+//增加所有参数到表格
|
|
|
+function add_parms_to_table(str_parms, str_type = "classification")
|
|
|
+{
|
|
|
+ var obj_json = eval('(' + str_parms + ')');
|
|
|
+ var obj_parms = obj_json["train"];
|
|
|
+ g_train_task_parms = obj_parms;
|
|
|
+
|
|
|
+ var rows = table_create_task.rows.length;
|
|
|
+ for (i=0;i<rows;i++)
|
|
|
+ {
|
|
|
+ table_create_task.deleteRow(i);
|
|
|
+ rows=rows-1;
|
|
|
+ i=i-1;
|
|
|
+ }
|
|
|
+
|
|
|
+ //根据模型类型增加参数
|
|
|
+ var tr_bg_color_gen = "#D4FB79";
|
|
|
+ var tr_bg_color_adv = "#FFFC79";
|
|
|
+ var tr_bg_color_aug = "#76D6FF";
|
|
|
+ var rows = table_create_task.rows.length;
|
|
|
+ var newTr = table_create_task.insertRow(rows);
|
|
|
+ newTr.className = "parent_parm_row";
|
|
|
+ newTr.id = "general_parm_row";
|
|
|
+ newTr.onclick=function()
|
|
|
+ {
|
|
|
+ for (i=0; i < table_create_task.rows.length; i++)
|
|
|
+ {
|
|
|
+ var obj_tr = table_create_task.rows[i];
|
|
|
+ if(obj_tr.className == "child_" + this.id)
|
|
|
+ {
|
|
|
+ if(obj_tr.style.display == "none")
|
|
|
+ obj_tr.style.display = "table-row";
|
|
|
+ else
|
|
|
+ obj_tr.style.display = "none";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ newTr.style.cursor="pointer";
|
|
|
+ newTr.style.backgroundColor = tr_bg_color_gen;
|
|
|
+ var newTd0=newTr.insertCell();
|
|
|
+ newTd0.colSpan="2";
|
|
|
+ newTd0.innerText="通用参数";
|
|
|
+
|
|
|
+ //通用参数
|
|
|
+ add_one_task_parm_to_table("model", "模型选择", g_train_task_parms["model"], newTr.id, "selection",str_type);
|
|
|
+ add_one_task_parm_to_table("pretrain_weights", "预训练模型", g_train_task_parms["pretrain_weights"], newTr.id, "selection");
|
|
|
+ add_one_task_parm_to_table("image_shape", "图像大小", g_train_task_parms["image_shape"], newTr.id);
|
|
|
+
|
|
|
+ add_one_task_parm_to_table("num_epochs", "迭代轮数", g_train_task_parms["num_epochs"], newTr.id);
|
|
|
+ add_one_task_parm_to_table("learning_rate", "学习率", g_train_task_parms["learning_rate"], newTr.id);
|
|
|
+ add_one_task_parm_to_table("batch_size", "批大小", g_train_task_parms["batch_size"], newTr.id);
|
|
|
+
|
|
|
+ add_one_task_parm_to_table("use_gpu", "是否使用GPU", "yes", newTr.id, "enable");
|
|
|
+
|
|
|
+ //高级参数
|
|
|
+ var rows = table_create_task.rows.length;
|
|
|
+ var newTr = table_create_task.insertRow(rows);
|
|
|
+ newTr.className = "parent_parm_row";
|
|
|
+ newTr.id = "advance_parm_row";
|
|
|
+ newTr.onclick=function()
|
|
|
+ {
|
|
|
+ for (i=0; i < table_create_task.rows.length; i++)
|
|
|
+ {
|
|
|
+ var obj_tr = table_create_task.rows[i];
|
|
|
+ if(obj_tr.className == "child_" + this.id)
|
|
|
+ {
|
|
|
+ if(obj_tr.style.display == "none")
|
|
|
+ obj_tr.style.display = "table-row";
|
|
|
+ else
|
|
|
+ obj_tr.style.display = "none";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ newTr.style.cursor="pointer";
|
|
|
+ newTr.style.backgroundColor = tr_bg_color_adv;
|
|
|
+ var newTd0=newTr.insertCell();
|
|
|
+ newTd0.colSpan="2";
|
|
|
+ newTd0.innerText="高级参数";
|
|
|
+
|
|
|
+ add_one_task_parm_to_table("save_interval_epochs", "模型保存轮数", g_train_task_parms["save_interval_epochs"], newTr.id);
|
|
|
+ add_one_task_parm_to_table("lr_policy", "学习率下降方法", g_train_task_parms["lr_policy"], newTr.id, "selection");
|
|
|
+ add_one_task_parm_to_table("lr_decay_epochs", "学习率刷哀减轮数", g_train_task_parms["lr_decay_epochs"], newTr.id);
|
|
|
+
|
|
|
+ add_one_task_parm_to_table("image_mean", "图像均值", g_train_task_parms["image_mean"], newTr.id);
|
|
|
+ add_one_task_parm_to_table("image_std", "图像方差", g_train_task_parms["image_std"], newTr.id);
|
|
|
+
|
|
|
+ //数据增强策略
|
|
|
+ var rows = table_create_task.rows.length;
|
|
|
+ var newTr = table_create_task.insertRow(rows);
|
|
|
+ newTr.className = "parent_parm_row";
|
|
|
+ newTr.id = "augument_parm_row";
|
|
|
+ newTr.onclick=function()
|
|
|
+ {
|
|
|
+ for (i=0; i < table_create_task.rows.length; i++)
|
|
|
+ {
|
|
|
+ var obj_tr = table_create_task.rows[i];
|
|
|
+ if(obj_tr.className == "child_" + this.id)
|
|
|
+ {
|
|
|
+ if(obj_tr.style.display == "none")
|
|
|
+ obj_tr.style.display = "table-row";
|
|
|
+ else
|
|
|
+ obj_tr.style.display = "none";
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ newTr.style.cursor="pointer";
|
|
|
+ newTr.style.backgroundColor = tr_bg_color_aug;
|
|
|
+ var newTd0=newTr.insertCell();
|
|
|
+ newTd0.colSpan="2";
|
|
|
+ newTd0.innerText="数据增强策略";
|
|
|
+
|
|
|
+ add_one_task_parm_to_table("augument_enable", "随机亮度", "off", newTr.id, "switch");
|
|
|
+ add_one_task_parm_to_table("augument_enable", "随机对比度", "off", newTr.id, "switch");
|
|
|
+ add_one_task_parm_to_table("augument_enable", "随机水平翻转", "off", newTr.id, "switch");
|
|
|
+ add_one_task_parm_to_table("augument_enable", "随机垂直翻转", "off", newTr.id, "switch");
|
|
|
+ add_one_task_parm_to_table("augument_enable", "随机旋转", "off", newTr.id, "switch");
|
|
|
+ add_one_task_parm_to_table("augument_enable", "随机饱和度", "off", newTr.id, "switch");
|
|
|
+ add_one_task_parm_to_table("augument_enable", "随机色调", "off", newTr.id, "switch");
|
|
|
+}
|
|
|
+
|
|
|
+//增加一个训练参数到表格(text/select/enable/switch)
|
|
|
+function add_one_task_parm_to_table(str_key, str_view, str_value, parent_key = "", parm_type = "text", task_type = "classification")
|
|
|
+{
|
|
|
+ var rows = table_create_task.rows.length;
|
|
|
+ var bg_color = "background-color:#ffffff;"
|
|
|
+ if(rows % 2 == 0)
|
|
|
+ {
|
|
|
+ bg_color = "background-color:#f2f2f2;"
|
|
|
+ }
|
|
|
+ var newTr = table_create_task.insertRow(rows);
|
|
|
+ if(parent_key != "")
|
|
|
+ {
|
|
|
+ newTr.className = "child_" + parent_key;
|
|
|
+ newTr.id = "child_" + parent_key;
|
|
|
+ }
|
|
|
+ var newTd0=newTr.insertCell();
|
|
|
+ var newTd1=newTr.insertCell();
|
|
|
+ newTd0.innerHTML = str_view;
|
|
|
+ if(parm_type == "text")
|
|
|
+ {
|
|
|
+ newTd1.innerHTML = "<input id=\"task_detail_parm_" + str_key + "\" value=\"" + str_value + "\"" + "style=\"width:100%;height:20px;Float:left;border:none;outline:none;" + bg_color + "\" type=\"text\"/>";
|
|
|
+ }
|
|
|
+ else if (parm_type == "selection")
|
|
|
+ {
|
|
|
+ if(str_key == "model")
|
|
|
+ {
|
|
|
+ //任务类型
|
|
|
+ var str_list = Model_List[task_type];
|
|
|
+ var str_html = "<select id=\"task_detail_parm_" + str_key + "\" 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 == "pretrain_weights")
|
|
|
+ {
|
|
|
+ //预训练模型
|
|
|
+ var lst_pretrain_weights = get_pretrained_model_list("");
|
|
|
+ var str_html = "<select id=\"task_detail_parm_" + str_key + "\" value=\"" + str_value + "\"" + "style=\"width:100%;height:20px;Float:left;border:none;outline:none;" + bg_color + "\">";
|
|
|
+ for(var i=0;i<lst_pretrain_weights.length;i++)
|
|
|
+ {
|
|
|
+ if(str_value == lst_pretrain_weights[i])
|
|
|
+ str_html = str_html + "<option value=\"" + lst_pretrain_weights[i] + "\" selected=\"selected\">" + lst_pretrain_weights[i] + "</option>";
|
|
|
+ else
|
|
|
+ str_html = str_html + "<option value=\"" + lst_pretrain_weights[i] + "\">" + lst_pretrain_weights[i] + "</option>";
|
|
|
+ }
|
|
|
+ str_html = str_html + "</select>";
|
|
|
+ newTd1.innerHTML = str_html;
|
|
|
+ }
|
|
|
+ else if (str_key == "lr_policy")
|
|
|
+ {
|
|
|
+ //学习率哀减策略
|
|
|
+ var lst_lr_policy = get_lr_decay_list("");
|
|
|
+ var str_html = "<select id=\"task_detail_parm_" + str_key + "\" value=\"" + str_value + "\"" + "style=\"width:100%;height:20px;Float:left;border:none;outline:none;" + bg_color + "\">";
|
|
|
+ for(var i=0;i<lst_lr_policy.length;i++)
|
|
|
+ {
|
|
|
+ if(str_value == lst_lr_policy[i])
|
|
|
+ str_html = str_html + "<option value=\"" + lst_lr_policy[i] + "\" selected=\"selected\">" + lst_lr_policy[i] + "</option>";
|
|
|
+ else
|
|
|
+ str_html = str_html + "<option value=\"" + lst_lr_policy[i] + "\">" + lst_lr_policy[i] + "</option>";
|
|
|
+ }
|
|
|
+ str_html = str_html + "</select>";
|
|
|
+ newTd1.innerHTML = str_html;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ else if (parm_type == "enable")
|
|
|
+ {
|
|
|
+ var str_html = "<select id=\"task_detail_parm_" + str_key + "\" value=\"" + str_value + "\"" + "style=\"width:100%;height:20px;Float:left;border:none;outline:none;" + bg_color + "\">";
|
|
|
+ if(str_value == "yes")
|
|
|
+ str_html = str_html + "<option value=\"" + "yes" + "\" selected=\"selected\">" + "是" + "</option>";
|
|
|
+ else
|
|
|
+ str_html = str_html + "<option value=\"" + "yes" + "\">" + "是" + "</option>";
|
|
|
+
|
|
|
+ if(str_value == "no")
|
|
|
+ str_html = str_html + "<option value=\"" + "no" + "\" selected=\"selected\">" + "否" + "</option>";
|
|
|
+ else
|
|
|
+ str_html = str_html + "<option value=\"" + "no" + "\">" + "否" + "</option>";
|
|
|
+ str_html = str_html + "</select>";
|
|
|
+ newTd1.innerHTML = str_html;
|
|
|
+ }
|
|
|
+ else if (parm_type == "switch")
|
|
|
+ {
|
|
|
+ var str_html = "<select id=\"task_detail_parm_" + str_key + "\" value=\"" + str_value + "\"" + "style=\"width:100%;height:20px;Float:left;border:none;outline:none;" + bg_color + "\">";
|
|
|
+ if(str_value == "on")
|
|
|
+ str_html = str_html + "<option value=\"" + "on" + "\" selected=\"selected\">" + "开" + "</option>";
|
|
|
+ else
|
|
|
+ str_html = str_html + "<option value=\"" + "on" + "\">" + "开" + "</option>";
|
|
|
+
|
|
|
+ if(str_value == "off")
|
|
|
+ str_html = str_html + "<option value=\"" + "off" + "\" selected=\"selected\">" + "关" + "</option>";
|
|
|
+ else
|
|
|
+ str_html = str_html + "<option value=\"" + "off" + "\">" + "关" + "</option>";
|
|
|
+ str_html = str_html + "</select>";
|
|
|
+ newTd1.innerHTML = str_html;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//预训练模型列表
|
|
|
+function get_pretrained_model_list(str_model_name)
|
|
|
+{
|
|
|
+ var lst_pretrained_model = ["IMAGENET","COCO","不使用预训练模型"];
|
|
|
+
|
|
|
+ return lst_pretrained_model;
|
|
|
+}
|
|
|
+
|
|
|
+//学习率哀减策略列表
|
|
|
+function get_lr_decay_list(str_model_name)
|
|
|
+{
|
|
|
+ var lst_lr_decay = ["Linear","Piecewise","Cosine"];
|
|
|
+ return lst_lr_decay;
|
|
|
+}
|
|
|
+
|
|
|
+//创建并启动任务训练
|
|
|
+function create_task()
|
|
|
+{
|
|
|
+ var input_create_task_prj_id = document.getElementById('create_task_project_id');
|
|
|
+ var str_project_id = input_create_task_prj_id.value;
|
|
|
+
|
|
|
+ var obj_btn = document.getElementById('btn_create_task');
|
|
|
+ if(obj_btn.value == "启动训练")
|
|
|
+ {
|
|
|
+ var str_start_tid = ""
|
|
|
+ var obj_init_task_input = document.getElementById('create_task_hidden_task_id');
|
|
|
+ str_start_tid = obj_init_task_input.value;
|
|
|
+
|
|
|
+ start_task(str_start_tid);
|
|
|
+
|
|
|
+ load_tasks();
|
|
|
+
|
|
|
+ hide_create_task_win_modal(null);
|
|
|
+ }
|
|
|
+ else if(obj_btn.value == "创建并启动训练")
|
|
|
+ {
|
|
|
+ var http_request = new XMLHttpRequest();
|
|
|
+ http_request.onreadystatechange=function()
|
|
|
+ {
|
|
|
+ if (http_request.readyState==4)
|
|
|
+ {
|
|
|
+ if (http_request.status==200)
|
|
|
+ {
|
|
|
+ alert("任务创建成功!\n" + http_request.responseText);
|
|
|
+
|
|
|
+ //调用训练接口启动任务训练
|
|
|
+ str_json = http_request.responseText;
|
|
|
+ var obj_json = eval('(' + str_json + ')');
|
|
|
+ var str_new_tid = obj_json["tid"];
|
|
|
+
|
|
|
+ start_task(str_new_tid);
|
|
|
+
|
|
|
+ load_tasks();
|
|
|
+
|
|
|
+ hide_create_task_win_modal(null);
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ alert("任务创建失败，请检查服务器配置" + http_request.responseText);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ //获取训练参数
|
|
|
+ get_input_task_parm_value("num_epochs","int");
|
|
|
+ get_input_task_parm_value("batch_size","int");
|
|
|
+ get_input_task_parm_value("learning_rate","int");
|
|
|
+
|
|
|
+
|
|
|
+ //调用创建接口创建任务
|
|
|
+ //alert(JSON.stringify(g_train_task_parms));
|
|
|
+ var data = {"pid":str_project_id,"train":JSON.stringify(g_train_task_parms)};
|
|
|
+
|
|
|
+ http_request.open("POST", str_srv_url + "/project/task", true);
|
|
|
+ http_request.setRequestHeader("Content-type","application/json");
|
|
|
+ http_request.send(JSON.stringify(data));
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//获取表格中模型训练参数
|
|
|
+function get_input_task_parm_value(str_key, str_type="int")
|
|
|
+{
|
|
|
+ var str_input_obj_key = "task_detail_parm_" + str_key;
|
|
|
+ var obj_task_parm_input = document.getElementById(str_input_obj_key);
|
|
|
+ var str_value = obj_task_parm_input.value;
|
|
|
+
|
|
|
+ if(str_type == "int")
|
|
|
+ {
|
|
|
+ g_train_task_parms[str_key] = parseInt(str_value);
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ g_train_task_parms[str_key] = str_value;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//启动训练任务
|
|
|
+function start_task(tid)
|
|
|
+{
|
|
|
+ var train_data = {"tid":tid};
|
|
|
+ var train_http_request = new XMLHttpRequest();
|
|
|
+ train_http_request.open("POST", str_srv_url + "/project/task/train", false);
|
|
|
+ train_http_request.setRequestHeader("Content-type","application/json");
|
|
|
+ train_http_request.send(JSON.stringify(train_data));
|
|
|
+}
|
|
|
+
|
|
|
+//查看单个项目下的所有任务
|
|
|
+function view_project_tasks()
|
|
|
+{
|
|
|
+ var obj_project_id = document.getElementById('popup_menu_project_id');
|
|
|
+ var str_project_id = obj_project_id.value;
|
|
|
+ g_view_project_task_id = str_project_id;
|
|
|
+
|
|
|
+ load_project_tasks(str_project_id);
|
|
|
+}
|
|
|
+
|
|
|
+//删除项目
|
|
|
+function delete_project()
|
|
|
+{
|
|
|
+ var obj_project_id = document.getElementById('popup_menu_project_id');
|
|
|
+ str_del_project_id = obj_project_id.value;
|
|
|
+
|
|
|
+ var result = confirm("删除项目：" + obj_project_id.value + " ？");
|
|
|
+ if(!result)
|
|
|
+ {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var http_request = new XMLHttpRequest();
|
|
|
+ http_request.onreadystatechange=function()
|
|
|
+ {
|
|
|
+ if (http_request.readyState==4)
|
|
|
+ {
|
|
|
+ if (http_request.status==200)
|
|
|
+ {
|
|
|
+ alert("删除项目：" + str_del_project_id + "删除成功!\n" + http_request.responseText);
|
|
|
+ load_projects();
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ alert("项目" + str_del_project_id + "删除失败，请检查服务器配置" + http_request.responseText);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ var data = {"pid":str_del_project_id};
|
|
|
+
|
|
|
+ http_request.open("DELETE", str_srv_url + "/project", true);
|
|
|
+ http_request.setRequestHeader("Content-type","application/json");
|
|
|
+ http_request.send(JSON.stringify(data));
|
|
|
+}
|
|
|
+
|
|
|
+//删除数据集
|
|
|
+function delete_dataset()
|
|
|
+{
|
|
|
+ var obj_dataset_id = document.getElementById('popup_menu_dataset_id');
|
|
|
+ str_del_dataset_id = obj_dataset_id.value;
|
|
|
+
|
|
|
+ var result = confirm("删除数据集：" + str_del_dataset_id + " ？");
|
|
|
+ if(!result)
|
|
|
+ {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var http_request = new XMLHttpRequest();
|
|
|
+ http_request.onreadystatechange=function()
|
|
|
+ {
|
|
|
+ if (http_request.readyState==4)
|
|
|
+ {
|
|
|
+ if (http_request.status==200)
|
|
|
+ {
|
|
|
+ alert("删除数据集：" + str_del_dataset_id + "删除成功!\n" + http_request.responseText);
|
|
|
+ load_datasets();
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ alert("数据集" + str_del_dataset_id + "删除失败，请检查服务器配置" + http_request.responseText);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ var data = {"did":str_del_dataset_id};
|
|
|
+
|
|
|
+ http_request.open("DELETE", str_srv_url + "/dataset", true);
|
|
|
+ http_request.setRequestHeader("Content-type","application/json");
|
|
|
+ http_request.send(JSON.stringify(data));
|
|
|
+}
|
|
|
+
|
|
|
+//中止任务
|
|
|
+function stop_task()
|
|
|
+{
|
|
|
+ var input_task_detail_id = document.getElementById('task_detail_id');
|
|
|
+ var str_stop_task_id = input_task_detail_id.value;
|
|
|
+
|
|
|
+ var result = confirm("确定终止任务：" + str_stop_task_id + " ？");
|
|
|
+ if(!result)
|
|
|
+ {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var http_request = new XMLHttpRequest();
|
|
|
+ http_request.onreadystatechange=function()
|
|
|
+ {
|
|
|
+ if (http_request.readyState==4)
|
|
|
+ {
|
|
|
+ if (http_request.status==200)
|
|
|
+ {
|
|
|
+ alert("任务：" + str_stop_task_id + "中止成功!\n" + http_request.responseText);
|
|
|
+ hide_task_detail_info_win_modal();
|
|
|
+ load_tasks();
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ alert("任务：" + str_stop_task_id + "中止失败，请检查服务器配置" + http_request.responseText);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ var data = {"tid":str_stop_task_id,"act":"stop"};
|
|
|
+
|
|
|
+ http_request.open("PUT", str_srv_url + "/project/task/train", true);
|
|
|
+ http_request.setRequestHeader("Content-type","application/json");
|
|
|
+ http_request.send(JSON.stringify(data));
|
|
|
+}
|
|
|
+
|
|
|
+//删除任务
|
|
|
+function delete_task()
|
|
|
+{
|
|
|
+ var obj_task_id = document.getElementById('popup_menu_task_id');
|
|
|
+ str_del_task_id = obj_task_id.value;
|
|
|
+
|
|
|
+ var result = confirm("删除任务：" + str_del_task_id + " ？");
|
|
|
+ if(!result)
|
|
|
+ {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var http_request = new XMLHttpRequest();
|
|
|
+ http_request.onreadystatechange=function()
|
|
|
+ {
|
|
|
+ if (http_request.readyState==4)
|
|
|
+ {
|
|
|
+ if (http_request.status==200)
|
|
|
+ {
|
|
|
+ alert("删除任务：" + str_del_task_id + "删除成功!\n" + http_request.responseText);
|
|
|
+ load_tasks();
|
|
|
+ }
|
|
|
+ else
|
|
|
+ {
|
|
|
+ alert("任务" + str_del_task_id + "删除失败，请检查服务器配置" + http_request.responseText);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ var data = {"tid":str_del_task_id};
|
|
|
+
|
|
|
+ http_request.open("DELETE", str_srv_url + "/project/task", true);
|
|
|
+ http_request.setRequestHeader("Content-type","application/json");
|
|
|
+ http_request.send(JSON.stringify(data));
|
|
|
+}
|
|
|
+
|
|
|
+//删除任务
|
|
|
+function delete_model()
|
|
|
+{
|
|
|
+ var obj_model_id = document.getElementById('popup_menu_model_id');
|
|
|
+ str_del_model_id = obj_model_id.value;
|
|
|
+
|
|
|
+ var result = confirm("删除模型：" + str_del_model_id + " ？");
|
|
|
+ if(!result)
|
|
|
+ {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var http_request = new XMLHttpRequest();
|
|
|
+ http_request.onreadystatechange=function()
|
|
|
+ {
|
|
|
+ if (http_request.readyState==4)
|
|
|
+ {
|
|
|
+ if (http_request.status==200)
|
|
|
+ {
|
|
|
+ alert("删除模型：" + str_del_model_id + "删除成功!\n" + http_request.responseText);
|
|
|
+ load_tasks();
|
|
|
+ }
|
|
|
+ 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 change_create_project_type(obj)
|
|
|
+{
|
|
|
+ str_project_type = obj.value;
|
|
|
+ var obj_sel_create_project_dataset_id = document.getElementById('create_project_dataset_id_text');
|
|
|
+ obj_sel_create_project_dataset_id.options.length = 0;
|
|
|
+ obj_sel_create_project_dataset_id.options[0] = new Option("请选择项目对应数据集", 0);
|
|
|
+
|
|
|
+ for(var p in g_dataset_list)
|
|
|
+ {
|
|
|
+ str_id = g_dataset_list[p].id;
|
|
|
+ str_attr = g_dataset_list[p].attr;
|
|
|
+ str_name = str_attr["name"];
|
|
|
+ str_desc = str_attr["desc"];
|
|
|
+ str_type = str_attr["type"];
|
|
|
+
|
|
|
+ str_status = str_attr["dataset_status"]
|
|
|
+ //只有校验通过且切分后的数据集才可以选择
|
|
|
+ if(str_status == DatasetStatus.XSPLITED && str_type == str_project_type)
|
|
|
+ {
|
|
|
+ obj_sel_create_project_dataset_id.options[obj_sel_create_project_dataset_id.options.length] = new Option(str_name, str_id);
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+//ESC to close browse img window
|
|
|
+function dispatch_key_press()
|
|
|
+{
|
|
|
+ switch(event.keyCode)
|
|
|
+ {
|
|
|
+ //ESC
|
|
|
+ case 27:
|
|
|
+ {
|
|
|
+ hide_zoom_img(null);
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+</head>
|
|
|
+
|
|
|
+<body onload="load_projects()" oncontextmenu="self.event.returnValue=false" onkeypress="dispatch_key_press()">
|
|
|
+
|
|
|
+<!--popupmenu-->
|
|
|
+<div id="popupmenu_project" class="popupmenu_project">
|
|
|
+ <input type="hidden" id="popup_menu_project_id">
|
|
|
+ <!--<input type="hidden" id="popup_menu_project_type">-->
|
|
|
+ <table border="0" width="100%" height="100%" cellspacing="0">
|
|
|
+ <tr>
|
|
|
+ <td style="cursor:default; border:solid #ccc 1px;" align="center" onclick="show_create_task_win_modal(this)">创建任务</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="cursor:default; border:solid #ccc 1px;" align="center" onclick="view_project_tasks()">查看任务</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="cursor:default; border:solid #ccc 1px;" align="center" onclick="delete_project()">删除项目</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+</div>
|
|
|
+
|
|
|
+<div id="popupmenu_dataset" class="popupmenu_dataset">
|
|
|
+ <input type="hidden" id="popup_menu_dataset_id">
|
|
|
+ <table border="0" width="100%" height="100%" cellspacing="0">
|
|
|
+ <tr>
|
|
|
+ <td style="cursor:default; border:solid #ccc 1px;" align="center" onclick="delete_dataset(this)">删除数据集</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+</div>
|
|
|
+
|
|
|
+<div id="popupmenu_task" class="popupmenu_task">
|
|
|
+ <input type="hidden" id="popup_menu_task_id">
|
|
|
+ <input type="hidden" id="popup_menu_task_status">
|
|
|
+ <table border="0" width="100%" height="100%" cellspacing="0">
|
|
|
+ <tr>
|
|
|
+ <td style="cursor:default; border:solid #ccc 1px;" align="center" onclick="delete_task(this)">删除任务</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+</div>
|
|
|
+
|
|
|
+<div id="popupmenu_model" class="popupmenu_model">
|
|
|
+ <input type="hidden" id="popup_menu_model_id">
|
|
|
+ <table border="0" width="100%" height="100%" cellspacing="0">
|
|
|
+ <tr>
|
|
|
+ <td style="cursor:default; border:solid #ccc 1px;" align="center" onclick="delete_model(this)">删除模型</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+</div>
|
|
|
+
|
|
|
+<!--main menu-->
|
|
|
+<div class='nav'>
|
|
|
+ <ul>
|
|
|
+ <!--<li><div class="brand"> <a href="https://www.paddlepaddle.org.cn/paddle/paddleX"><img src="logo.png" alt="PaddleX Logo"></a></div></li>
|
|
|
+ <li>
|
|
|
+ <div class="navbar-btn" style="padding: 0; padding-top: 10px;">
|
|
|
+ <button type="button" class="btn-toggle-fullwidth btn-toggle-mx"><img src="img/left.png" height="40px" alt=""></button>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ -->
|
|
|
+ <li><a href='https://www.paddlepaddle.org.cn/paddle/paddleX'>PaddleX主页</a></li>
|
|
|
+ <li><a href='#'>数据集管理</a>
|
|
|
+ <ul>
|
|
|
+ <li onclick="show_create_dataset_win_modal(this)"><a href='#'>创建数据集</a></li>
|
|
|
+ <li onclick="load_datasets()"><a href='#'>查看数据集</a></li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li><a href='#'>项目管理</a>
|
|
|
+ <ul>
|
|
|
+ <li onclick="show_create_project_win_modal(this)"><a href='#'>创建项目</a></li>
|
|
|
+ <li onclick="load_projects()"><a href='#'>查看项目</a></li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li><a href='#'>任务管理</a>
|
|
|
+ <ul>
|
|
|
+ <li onclick="load_tasks()"><a href='#'>查看所有任务</a></li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li><a href='#'>模型管理</a>
|
|
|
+ <ul>
|
|
|
+ <!--<li><a href='#'>预训练模型</a></li>-->
|
|
|
+ <li onclick="load_models()"><a href='#'>已发布模型</a></li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li onclick="show_server_info(this)"><a href='#'>服务器信息</a></li>
|
|
|
+ <li><a href='https://paddlex.readthedocs.io'>帮助文档</a></li>
|
|
|
+ <li onclick="contact_us()"><a href='#'>联系我们</a></li>
|
|
|
+ </ul>
|
|
|
+</div>
|
|
|
+<div style="text-align:center;clear:both;margin-top:10px">
|
|
|
+
|
|
|
+<br>
|
|
|
+<div id="div_demo_title"><h2><font color="#0000cd"> 欢迎使用 PaddleX RestfulAPI</font></h2></div>
|
|
|
+
|
|
|
+<!--show projects/tasks/datasets/models information-->
|
|
|
+<table width="100%" height="100%" align="center" cellspacing="20px" id="table_contents" style="font-size:18px; border:0px border-collapse:separate; border-spacing:10px 90px; solid #cad9ea;">
|
|
|
+<tr>
|
|
|
+<td>
|
|
|
+ <div id="draw-border">
|
|
|
+ <view_item id="btn_set_server" onclick="show_server_info(this)" style="width: 330px; height: 90px; align: center"><br><font color="red">连接服务器失败，点击设置服务器信息</font></view_item>
|
|
|
+ </div>
|
|
|
+</td>
|
|
|
+<td>
|
|
|
+</tr>
|
|
|
+</table>
|
|
|
+
|
|
|
+<!--All hidden popup windows-->
|
|
|
+<!--服务器配置弹出窗口-->
|
|
|
+<div id="input_win_cfg_server" style="display:none;border:1px solid #cccccc;height:260px;width:50%;position:absolute;top:24%;left:24%;z-index:10;background:white;">
|
|
|
+ <!--title-->
|
|
|
+ <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
|
|
|
+ <br><div style="font-size: 20px;">配置服务器地址</div><br>
|
|
|
+ </div>
|
|
|
+ <br/>
|
|
|
+
|
|
|
+ <!--input information-->
|
|
|
+ <table width="100%" align="center" id="table_create_prj">
|
|
|
+ <tr>
|
|
|
+ <td><br><div style="font-size: 14px;">服务器地址：</div></td>
|
|
|
+ <td>
|
|
|
+ <br>
|
|
|
+ <input type="hidden" id="workspace_id">
|
|
|
+ <input id="server_url_text" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <br>
|
|
|
+ <!--buttons-->
|
|
|
+ <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
|
|
|
+ <div class="btn"><input type="button" id="btn_cancel_cfg_srv" style="background:#529EFF;" value="取消" onclick="hide_server_info(this);" /></div>
|
|
|
+
|
|
|
+ <div class="btn"><input type="button" id="btn_cfg_srv" value="设置" onclick="set_server_addr(this);" /></div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+<div id="input_win_cfg_server_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0; z-index:9;background: silver;"></div>
|
|
|
+<!--服务器配置弹出窗口-->
|
|
|
+
|
|
|
+<!--创建项目弹出窗口-->
|
|
|
+<div id="input_win_create_project" style="display:none;border:1px solid #cccccc;height:420px;width:50%;position:absolute;top:24%;left:24%;z-index:10;background:white;">
|
|
|
+ <!--title-->
|
|
|
+ <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
|
|
|
+ <br><div style="font-size: 20px;">新 建 项 目</div><br>
|
|
|
+ </div>
|
|
|
+ <br/>
|
|
|
+ <!--input informations-->
|
|
|
+ <table width="100%" align="center" id="table_create_prj">
|
|
|
+ <tr>
|
|
|
+ <td><br><div style="font-size: 14px;">项目名称:</div></td>
|
|
|
+ <td>
|
|
|
+ <br>
|
|
|
+ <input type="hidden" id="workspace_id_for_crt_prj">
|
|
|
+ <input id="project_name_text" value="新建项目" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><br><div style="font-size: 14px;">项目类型:</div></td>
|
|
|
+ <td>
|
|
|
+ <br>
|
|
|
+ <select id="project_type_text" onchange="change_create_project_type(this);" style="width:89% ;height:30px;Float:left;padding: 4px 8px;margin-left: 4px;">
|
|
|
+ <option value="classification">图像分类</option>
|
|
|
+ <option value="detection">目标检测</option>
|
|
|
+ <option value="instance_segmentation">实例分割</option>
|
|
|
+ <option value="segmentation">语义分割</option>
|
|
|
+ </select>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><br><div style="font-size: 14px;">数据集:</div></td>
|
|
|
+ <td>
|
|
|
+ <br>
|
|
|
+ <select id="create_project_dataset_id_text" style="width:89% ;height:30px;Float:left;padding: 4px 8px;margin-left: 4px;">
|
|
|
+ <option value="0">请选择项目对应数据集</option>
|
|
|
+ </select>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><br><div style="font-size: 14px;">项目描述:</div></td>
|
|
|
+ <td>
|
|
|
+ <br>
|
|
|
+ <input id="project_desc_text" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <br>
|
|
|
+ <!--buttons-->
|
|
|
+ <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
|
|
|
+ <div class="btn"><input type="button" id="btn_cancel_create_prj" style="background:#529EFF;" value="取消" onclick="hide_create_prj_win_modal(this);" /></div>
|
|
|
+
|
|
|
+ <div class="btn"><input type="button" id="btn_create_prj" value="创建" onclick="create_project(this);" /></div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<div id="input_win_create_project_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0; z-index:9;background: silver;"></div>
|
|
|
+<!--创建项目弹出窗口-->
|
|
|
+
|
|
|
+<!--创建数据集弹出窗口-->
|
|
|
+<div id="input_win_create_dataset" style="display:none;border:1px solid #cccccc;height:370px;width:50%;position:absolute;top:24%;left:24%;z-index:10;background:white;">
|
|
|
+ <!--title-->
|
|
|
+ <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
|
|
|
+ <br><div style="font-size: 20px;">新 建 数 据 集</div><br>
|
|
|
+ </div>
|
|
|
+ <br/>
|
|
|
+ <!--input informations-->
|
|
|
+ <table width="100%" align="center" id="table_create_dataset">
|
|
|
+ <tr>
|
|
|
+ <td><br><div style="font-size: 14px;">数据集名称:</div></td>
|
|
|
+ <td>
|
|
|
+ <br>
|
|
|
+ <input id="dataset_name_text" value="新建数据集" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><br><div style="font-size: 14px;">数据集类型:</div></td>
|
|
|
+ <td>
|
|
|
+ <br>
|
|
|
+ <select id="dataset_type_text" style="width:89% ;height:30px;Float:left;padding: 4px 8px;margin-left: 4px;">
|
|
|
+ <option value="classification">图像分类</option>
|
|
|
+ <option value="detection">目标检测</option>
|
|
|
+ <option value="instance_segmentation">实例分割</option>
|
|
|
+ <option value="segmentation">语义分割</option>
|
|
|
+ </select>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><br><div style="font-size: 14px;">数据集描述:</div></td>
|
|
|
+ <td>
|
|
|
+ <br>
|
|
|
+ <input id="dataset_desc_text" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <br>
|
|
|
+ <!--buttons-->
|
|
|
+ <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
|
|
|
+ <div class="btn"><input type="button" id="btn_cancel_create_dataset" style="background:#529EFF;" value="取消" onclick="hide_create_dataset_win_modal(this);" /></div>
|
|
|
+
|
|
|
+ <div class="btn"><input type="button" id="btn_create_dataset" value="创建" onclick="create_dataset(this);" /></div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<div id="input_win_create_dataset_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0; z-index:9;background: silver;"></div>
|
|
|
+<!--创建项目弹出窗口-->
|
|
|
+
|
|
|
+<!--数据集导入弹出窗口-->
|
|
|
+<div id="input_win_import_dataset" style="display:none;border:1px solid #cccccc;height:260px;width:50%;position:absolute;top:24%;left:24%;z-index:10;background:white;">
|
|
|
+ <!--title-->
|
|
|
+ <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
|
|
|
+ <br><div style="font-size: 20px;">导入数据集</div><br>
|
|
|
+ </div>
|
|
|
+ <br/>
|
|
|
+ <!--input informations-->
|
|
|
+ <table width="100%" align="center" id="table_import_dataset">
|
|
|
+ <tr>
|
|
|
+ <td><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>
|
|
|
+
|
|
|
+ <div class="btn"><input type="button" id="btn_import_dataset" value="导入" onclick="import_dataset(this);" /></div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<div id="input_win_import_dataset_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0; z-index:9;background: silver;"></div>
|
|
|
+<!--数据集导入弹出窗口-->
|
|
|
+
|
|
|
+<!--数据集切分弹出窗口-->
|
|
|
+<div id="input_win_split_dataset" style="display:none;border:1px solid #cccccc;height:370px;width:50%;position:absolute;top:24%;left:24%;z-index:15;background:white;">
|
|
|
+ <!--title-->
|
|
|
+ <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
|
|
|
+ <br><div style="font-size: 20px;">切分数据集</div><br>
|
|
|
+ </div>
|
|
|
+ <br/>
|
|
|
+ <!--input informations-->
|
|
|
+ <table width="100%" align="center" id="table_split_dataset">
|
|
|
+ <tr>
|
|
|
+ <td><br><div style="font-size: 14px;">训练集(%)：</div></td>
|
|
|
+ <td>
|
|
|
+ <br>
|
|
|
+ <input type="hidden" id="split_dataset_id" value="">
|
|
|
+ <input id="split_dataset_train_percent" value="70" oninput="value=value.replace(/(^\.|[^\d\.])/g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.').replace(/^\d{3,}.*/,'100')" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><br><div style="font-size: 14px;">验证集(%)：</div></td>
|
|
|
+ <td>
|
|
|
+ <br>
|
|
|
+ <input id="split_dataset_val_percent" value="20" oninput="value=value.replace(/(^\.|[^\d\.])/g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.').replace(/^\d{3,}.*/,'100')" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><br><div style="font-size: 14px;">测试集(%)：</div></td>
|
|
|
+ <td>
|
|
|
+ <br>
|
|
|
+ <input id="split_dataset_test_percent" value="10" oninput="value=value.replace(/(^\.|[^\d\.])/g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.').replace(/^\d{3,}.*/,'100')" style="width:85% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" />
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <br>
|
|
|
+ <!--buttons-->
|
|
|
+ <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
|
|
|
+ <div class="btn"><input type="button" id="btn_cancel_split_dataset" style="background:#529EFF;" value="取消" onclick="hide_split_dataset_win_modal(this);" /></div>
|
|
|
+
|
|
|
+ <div class="btn"><input type="button" id="btn_split_dataset" value="切分" onclick="split_dataset(this);" /></div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<div id="input_win_split_dataset_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0; z-index:9;background: silver;"></div>
|
|
|
+<!--数据集导入弹出窗口-->
|
|
|
+
|
|
|
+<!--创建任务弹出窗口-->
|
|
|
+<div id="input_win_create_task" style="display:none;border:1px solid #cccccc;height:400px;width:50%;position:absolute;top:24%;left:24%;z-index:15;background:white;overflow:auto">
|
|
|
+ <!--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>
|
|
|
+
|
|
|
+ <div class="btn"><input type="button" id="btn_create_task" value="创建并启动训练" onclick="create_task();" /></div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<div id="input_win_create_task_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0; z-index:14;background: silver;"></div>
|
|
|
+<!--创建任务弹出窗口-->
|
|
|
+
|
|
|
+<!--任务状态窗口-->
|
|
|
+<div id="task_detail_info" style="display:none;border:1px solid #cccccc;height:420px;width:50%;position:absolute;top:24%;left:24%;z-index:10;background:white;">
|
|
|
+ <!--title-->
|
|
|
+ <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
|
|
|
+ <br><div style="font-size: 20px;">查看任务状态</div><br>
|
|
|
+ </div>
|
|
|
+ <br/>
|
|
|
+ <!--input informations-->
|
|
|
+ <table width="100%" align="center" id="table_create_prj">
|
|
|
+ <tr>
|
|
|
+ <td><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>  </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><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>  </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><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>  </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><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>  </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><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>  </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>
|
|
|
+
|
|
|
+ <div class="btn"><input type="button" id="btn_cancel_task_info" style="background:#529EFF;" value="取消" onclick="hide_task_detail_info_win_modal();" /></div>
|
|
|
+
|
|
|
+ <div class="btn"><input type="button" id="btn_next_task_info" value="关闭" onclick="task_next_step_process(this);" /></div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<div id="task_detail_info_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0;z-index:9;background: silver;"></div>
|
|
|
+<!--任务状态窗口-->
|
|
|
+
|
|
|
+<!--评估&导出模型窗口-->
|
|
|
+<div id="input_win_evaluate_export_model" style="display:none;border:1px solid #cccccc;height:260px;width:50%;position:absolute;top:24%;left:24%;z-index:10;background:white;">
|
|
|
+ <!--title-->
|
|
|
+ <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
|
|
|
+ <br><div style="font-size: 20px;">模型评估&导出</div><br>
|
|
|
+ </div>
|
|
|
+ <br/>
|
|
|
+ <!--input informations-->
|
|
|
+ <table width="100%" align="center" id="table_evaluate_export_model">
|
|
|
+ <tr>
|
|
|
+ <td><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>
|
|
|
+
|
|
|
+ <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>
|
|
|
+
|
|
|
+ <div class="btn"><input type="button" id="btn_close_evaluate_export" value="导出" onclick="export_model(this);" /></div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<div id="input_win_evaluate_export_model_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0; z-index:9;background: silver;"></div>
|
|
|
+<!--评估&导出模型窗口-->
|
|
|
+
|
|
|
+<!--浏览数据集弹出窗口-->
|
|
|
+<div id="win_browse_dataset" style="display:none;border:1px solid #cccccc;height:520px;width:60%;position:absolute;top:16%;left:20%;z-index:10;background:white;">
|
|
|
+ <!--title-->
|
|
|
+ <div style="position:relative;background-color: #529EFF;min_height:30px; max-height: 60px;border-bottom: 1px solid #a4acb9;padding:2px 2px;">
|
|
|
+ <br><div style="font-size: 20px;">浏 览 数 据 集</div><br>
|
|
|
+ </div>
|
|
|
+ <br/>
|
|
|
+ <!--show dataset informations-->
|
|
|
+ <table width="100%" align="center" id="table_create_dataset">
|
|
|
+ <tr>
|
|
|
+ <td><div style="font-size: 14px;">数据集名称:</div></td>
|
|
|
+ <td>
|
|
|
+ <input type="hidden" id="browse_dataset_id" value="">
|
|
|
+ <input id="browse_dataset_name_text" value="" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" readonly="readonly"/>
|
|
|
+ </td>
|
|
|
+ <td><div style="font-size: 14px;">数据集类型:</div></td>
|
|
|
+ <td>
|
|
|
+ <input id="browse_dataset_type_text" value="" style="width:90% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" readonly="readonly"/>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><div style="font-size: 14px;">数据集描述:</div></td>
|
|
|
+ <td colspan = "3">
|
|
|
+ <input id="browse_dataset_desc_text" style="width:96% ;height:20px;Float:left;padding: 4px 8px;margin-left: 4px;" type="text" readonly="readonly"/>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <br>
|
|
|
+ <!--数据预览-->
|
|
|
+ <div class="scroll-content">
|
|
|
+ <div>
|
|
|
+ <table width="100%" align="center" id="table_browse_dataset_head">
|
|
|
+ <tr>
|
|
|
+ <th width="50%">全部标签</th>
|
|
|
+ <th width="50%">全部数据预览      <label><input type="checkbox" id="dataset_chk_show_label" value="显示标注" style="height: 12px;width: 12px;"> 显示标注</label></th>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <table width="100%" align="center" id="table_browse_dataset">
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <!--标签-->
|
|
|
+ <div class="table-dataset-labels">
|
|
|
+ <table width="100%" align="center" id="table_dataset_labels">
|
|
|
+ <colgroup><col style="font-size: 14px;" /><col /></colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr><td>标签名称</td><td>总数据量</td><td>训练数据集</td><td>验证数据集</td><td>测试数据集</td></tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <!--标签-->
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <!--图像预览-->
|
|
|
+ <div class="table-dataset-labels">
|
|
|
+ <table width="100%" align="center" id="table_dataset_imgs">
|
|
|
+ <tr>
|
|
|
+ <td><img id="dataset_img_1" src="" ondblclick="zoom_image(this)" align="center" style="border:1px #D6D6D6 solid;" height="150" width="150" hspace="0" vspace="0"/></td>
|
|
|
+ <td><img id="dataset_img_2" src="" ondblclick="zoom_image(this)" align="center" style="border:1px #D6D6D6 solid;" height="150" width="150" hspace="0" vspace="0"/></td>
|
|
|
+ <td><img id="dataset_img_3" src="" ondblclick="zoom_image(this)" align="center" style="border:1px #D6D6D6 solid;" height="150" width="150" hspace="0" vspace="0"/></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td id="dataset_img_1_file_name">img_file</td>
|
|
|
+ <td id="dataset_img_2_file_name">img_file</td>
|
|
|
+ <td id="dataset_img_3_file_name">img_file</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <table width="100%" align="center" id="table_dataset_pages">
|
|
|
+ <tr>
|
|
|
+ <td style="cursor:pointer;" onclick="dataset_pre_page()">上一页</td>
|
|
|
+ <td id="dataset_page_info">第 页/共 页<td>
|
|
|
+ <td style="cursor:pointer;" onclick="dataset_next_page()">下一页</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <br>
|
|
|
+ <!--buttons-->
|
|
|
+ <div style="margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5;">
|
|
|
+ <div class="btn"><input type="button" id="btn_cancel_browse_dataset" style="background:#529EFF;" value="取消" onclick="hide_browse_dataset_win_modal(this);" /></div>
|
|
|
+
|
|
|
+ <div class="btn"><input type="button" id="btn_split_dataset" style="background:#008F00;" value="重新切分" onclick="re_split_dataset(this);" /></div>
|
|
|
+
|
|
|
+ <div class="btn"><input type="button" id="btn_close_browse_dataset" value="关闭" onclick="hide_browse_dataset_win_modal(this);" /></div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<div id="win_browse_dataset_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0; z-index:9;background: silver;"></div>
|
|
|
+
|
|
|
+<!--浏览原图弹出窗口-->
|
|
|
+<div id="win_browse_img" onclick="hide_zoom_img(this)" style="display:none;border:1px solid #cccccc;height:610px;width:60%;position:absolute;top:15%;left:20%;z-index:15;background:white;">
|
|
|
+ <table width="100%" align="center" id="table_img">
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <img id="dataset_browse_img" onclick="hide_zoom_img(this)" src="" align="center" style="border:1px #D6D6D6 solid;" height="600" width="600" hspace="0" vspace="0"/>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+</div>
|
|
|
+<div id="win_browse_img_over" style="display: none;width: 100%;height: 100%;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:0;left:0; z-index:9;background: silver;"></div>
|
|
|
+<!--浏览原图弹出窗口-->
|
|
|
+
|
|
|
+<div class="btn">
|
|
|
+ <input type="button" id="btn_refresh" style="width: 150px; height: 50px; " value="刷新项目信息" onclick="javascript:refresh_contents(this);"/>
|
|
|
+</div>
|
|
|
+<br>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|
laibaohua