|
|
|
@@ -1,91 +1,57 @@ |
|
|
|
{{template "base/head" .}} |
|
|
|
<style> |
|
|
|
#mask1 { |
|
|
|
position: fixed; |
|
|
|
top: 0px; |
|
|
|
left: 0px; |
|
|
|
right: 0px; |
|
|
|
bottom: 0px; |
|
|
|
filter: alpha(opacity=60); |
|
|
|
background-color: rgba(119,119,119,0.8); |
|
|
|
z-index: 1000; |
|
|
|
display: none; |
|
|
|
/* opacity: 0.8; |
|
|
|
-moz-opacity: 0.5; */ |
|
|
|
/* padding-top: 100px; */ |
|
|
|
color: #000000; |
|
|
|
} |
|
|
|
#loadingPage1 { |
|
|
|
width: 50px; |
|
|
|
height: 40px; |
|
|
|
text-align: center; |
|
|
|
font-size: 10px; |
|
|
|
display: block; |
|
|
|
} |
|
|
|
|
|
|
|
#loadingPage1 > div { |
|
|
|
background-color: green; |
|
|
|
height: 100%; |
|
|
|
width: 6px; |
|
|
|
display: inline-block; |
|
|
|
-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; |
|
|
|
animation: sk-stretchdelay 1.2s infinite ease-in-out; |
|
|
|
} |
|
|
|
|
|
|
|
#loadingPage1 .rect2 { |
|
|
|
-webkit-animation-delay: -1.1s; |
|
|
|
animation-delay: -1.1s; |
|
|
|
} |
|
|
|
|
|
|
|
#loadingPage1 .rect3 { |
|
|
|
-webkit-animation-delay: -1s; |
|
|
|
animation-delay: -1s; |
|
|
|
} |
|
|
|
|
|
|
|
#loadingPage1 .rect4 { |
|
|
|
-webkit-animation-delay: -0.9s; |
|
|
|
animation-delay: -0.9s; |
|
|
|
} |
|
|
|
|
|
|
|
#loadingPage1 .rect5 { |
|
|
|
-webkit-animation-delay: -0.8s; |
|
|
|
animation-delay: -0.8s; |
|
|
|
} |
|
|
|
/* 遮罩层css效果图 */ |
|
|
|
|
|
|
|
#mask { |
|
|
|
position: fixed; |
|
|
|
top: 0px; |
|
|
|
left: 0px; |
|
|
|
right: 0px; |
|
|
|
bottom: 0px; |
|
|
|
filter: alpha(opacity=60); |
|
|
|
background-color: #777; |
|
|
|
z-index: 1000; |
|
|
|
display: none; |
|
|
|
opacity: 0.8; |
|
|
|
-moz-opacity: 0.5; |
|
|
|
padding-top: 100px; |
|
|
|
color: #000000 |
|
|
|
} |
|
|
|
|
|
|
|
/* 加载圈css效果图 */ |
|
|
|
|
|
|
|
#loadingPage { |
|
|
|
margin: 200px auto; |
|
|
|
width: 50px; |
|
|
|
height: 40px; |
|
|
|
text-align: center; |
|
|
|
font-size: 10px; |
|
|
|
display: block; |
|
|
|
} |
|
|
|
|
|
|
|
#loadingPage>div { |
|
|
|
background-color: green; |
|
|
|
height: 100%; |
|
|
|
width: 6px; |
|
|
|
display: inline-block; |
|
|
|
-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; |
|
|
|
animation: sk-stretchdelay 1.2s infinite ease-in-out; |
|
|
|
} |
|
|
|
|
|
|
|
#loadingPage .rect2 { |
|
|
|
-webkit-animation-delay: -1.1s; |
|
|
|
animation-delay: -1.1s; |
|
|
|
} |
|
|
|
|
|
|
|
#loadingPage .rect3 { |
|
|
|
-webkit-animation-delay: -1.0s; |
|
|
|
animation-delay: -1.0s; |
|
|
|
} |
|
|
|
|
|
|
|
#loadingPage .rect4 { |
|
|
|
-webkit-animation-delay: -0.9s; |
|
|
|
animation-delay: -0.9s; |
|
|
|
} |
|
|
|
|
|
|
|
#loadingPage .rect5 { |
|
|
|
-webkit-animation-delay: -0.8s; |
|
|
|
animation-delay: -0.8s; |
|
|
|
} |
|
|
|
|
|
|
|
@-webkit-keyframes sk-stretchdelay { |
|
|
|
|
|
|
|
0%, |
|
|
|
40%, |
|
|
|
100% { |
|
|
|
-webkit-transform: scaleY(0.4) |
|
|
|
} |
|
|
|
|
|
|
|
20% { |
|
|
|
-webkit-transform: scaleY(1.0) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@keyframes sk-stretchdelay { |
|
|
|
|
|
|
|
0%, |
|
|
|
40%, |
|
|
|
100% { |
|
|
|
transform: scaleY(0.4); |
|
|
|
-webkit-transform: scaleY(0.4); |
|
|
|
} |
|
|
|
|
|
|
|
20% { |
|
|
|
transform: scaleY(1.0); |
|
|
|
-webkit-transform: scaleY(1.0); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.inline.required.field.cloudbrain_benchmark { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
@@ -97,24 +63,38 @@ |
|
|
|
.inline.required.field.cloudbrain_brainscore { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
|
|
|
|
.icons { |
|
|
|
/* position: absolute !important; |
|
|
|
right: 150px; |
|
|
|
top: 14px; |
|
|
|
z-index: 2; */ |
|
|
|
.loadingWrap{ |
|
|
|
width: 20%; |
|
|
|
height:25%; |
|
|
|
border: 1px solid #bbb; |
|
|
|
background-color:#fff; |
|
|
|
margin:auto; |
|
|
|
position: absolute; |
|
|
|
left: 0; |
|
|
|
right: 0; |
|
|
|
top: 0; |
|
|
|
bottom: 0; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
flex-direction: column; |
|
|
|
border-radius: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
</style> |
|
|
|
|
|
|
|
<div id="mask"> |
|
|
|
<div id="loadingPage"> |
|
|
|
<div class="rect1"></div> |
|
|
|
<div class="rect2"></div> |
|
|
|
<div class="rect3"></div> |
|
|
|
<div class="rect4"></div> |
|
|
|
<div class="rect5"></div> |
|
|
|
<div id="mask1"> |
|
|
|
<div class="loadingWrap"> |
|
|
|
<div id="loadingPage1"> |
|
|
|
<div class="rect1"></div> |
|
|
|
<div class="rect2"></div> |
|
|
|
<div class="rect3"></div> |
|
|
|
<div class="rect4"></div> |
|
|
|
<div class="rect5"></div> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 10%;font-size: 14px;color:#101010;font-family: SourceHanSansSC-regular;">任务正在准备中,喝杯水回来再看看~</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="repository"> |
|
|
|
@@ -287,9 +267,9 @@ |
|
|
|
</div> |
|
|
|
{{template "base/footer" .}} |
|
|
|
<script> |
|
|
|
console.log({{index $.QueuesDetail "debugt4"}}) |
|
|
|
let form = document.getElementById('form_id'); |
|
|
|
$('#messageInfo').css('display', 'none') |
|
|
|
document.getElementById("mask").style.display = "block" |
|
|
|
function clearValue() { |
|
|
|
context = inputs[0] |
|
|
|
context.value = '' |
|
|
|
@@ -331,7 +311,6 @@ |
|
|
|
let min_value_task = value_task.toLowerCase() |
|
|
|
$("input[name='display_job_name']").attr("value", min_value_task) |
|
|
|
document.getElementById("mask").style.display = "block" |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
// 页面加载完毕后遮罩层隐藏 |
|
|
|
@@ -346,44 +325,11 @@ |
|
|
|
.dropdown({ |
|
|
|
placeholder: "选择数据集类别", |
|
|
|
}) |
|
|
|
|
|
|
|
console.log("=======================") |
|
|
|
// $(document).ready(function(){ |
|
|
|
// let waitNums = $('.cloudbrain-type').data('queue').split('map')[1] |
|
|
|
// let test = new Map() |
|
|
|
// let waitNumsArray = waitNums.split(' ') |
|
|
|
// waitNumsArray.forEach((element,index) => { |
|
|
|
// if(index===0){ |
|
|
|
// test.set(element.slice(1,-2),parseInt(element.slice(-1))) |
|
|
|
// }else if(index===waitNumsArray.length-1){ |
|
|
|
// test.set(element.slice(0,-3),parseInt(element.slice(-2,-1))) |
|
|
|
// }else{ |
|
|
|
// test.set(element.slice(0,-2),parseInt(element.slice(-1))) |
|
|
|
// } |
|
|
|
// }); |
|
|
|
// console.log(test) |
|
|
|
// $('.ui.search.dropdown.gpu-type').dropdown({ |
|
|
|
// onChange: function(value, text, $selectedItem) { |
|
|
|
// console.log("=-------------",value) |
|
|
|
// console.log("=-------------",test.get(value)) |
|
|
|
// let gpuTypeNums= test.get(value) |
|
|
|
// $('#gpu-nums').text("{{.i18n.Tr "repo.wait_count_start"}}"+gpuTypeNums+"{{.i18n.Tr "repo.wait_count_end"}}") |
|
|
|
|
|
|
|
// } |
|
|
|
// }); |
|
|
|
// }) |
|
|
|
|
|
|
|
// $('#cloudbrain_image').select2({ |
|
|
|
// placeholder: "选择镜像" |
|
|
|
// }); |
|
|
|
|
|
|
|
|
|
|
|
$(".ui.button.reset").click(function (e) { |
|
|
|
e.preventDefault() |
|
|
|
$('#cloudbrain_benchmark_category') |
|
|
|
.dropdown("clear", true) |
|
|
|
}) |
|
|
|
|
|
|
|
$(".ui.positive.button.active.all_selected").click(function (e) { |
|
|
|
e.preventDefault() |
|
|
|
var selected_value = new Array() |
|
|
|
|