进度条ftl

最新推荐文章于 2020-11-25 23:23:24 发布

weixin_38639243

最新推荐文章于 2020-11-25 23:23:24 发布

阅读量298

点赞数

本文链接：https://blog.csdn.net/weixin_38639243/article/details/78752090

版权

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>test</title>
<#include "/common/web-inc.ftl"/>

<style>
.ui-front {
z-index: 110000003;
}
</style>
<link type="text/css" rel="stylesheet" href="/js/ztree/css/zTreeStyle/zTreeStyle.css"/>
<link type="text/css" rel="stylesheet" href="../css/process.css"/>

<script src="/js/ztree/js/jquery.ztree.core.js"></script>
<script src="/js/ztree/js/jquery.ztree.excheck.js"></script>
<script src="/js/jquery.chinahrt.orgctl.js"></script>
<script src="/js/jquery.chinahrt.trainplan.js"></script>
<script src="/js/jquery.chinahrt.platform.js"></script>
<script src="/js/jquery.chinahrt.date.js"></script>
<script src="/js/jquery.chinahrt.combo.js"></script>

</head>

<script type="text/javascript">
var moduleId="${moduleId}";
var platformId="${platformId}";
var data={moduleId:moduleId,platformId:platformId};
var num = 1;
function refreshProgress(){
var i= 0;
$.ajax({
type: "POST",
url: "/export_data/getDownloadInfo",
data: data,
success: function(data){
var obj=JSON.parse(data);
$.each(obj,function(index, n){
var pname = "progress"+obj[index].showFileName.substring(0,10);
var status="status"+obj[index].showFileName.substring(0,10);
var btnSave="btnSave"+obj[index].showFileName.substring(0,10);
var dwonUrl="dwonUrl"+obj[index].showFileName.substring(0,10);
if(num == 1){
$("#td1").append("<tr><td width='13px' class='tdprocess'><input type='checkbox' name='checkbox' value='"+obj[index].field+"'></td><td width='100px' class='tdprocess'>"+obj[index].showFileTime+"</td><td class='tdprocess'>"+obj[index].showFileName+"</td><td id='"+status+"' class='tdprocess'>生成中</td><td style='border: 1px solid #D3D3D3'><div id='"+pname+"' name='p' value='"+obj[index].downValue+"' style='width: 150px; height: 20px;' class='easyui-progressbar progressbar'></td><td class='tdprocess'><input type='hidden' id='"+dwonUrl+"' value='"+obj[index].downUrl+"' /><input id='"+btnSave+"' style='display: none;' type='button' value='下载' class='basebtn btnsave' onClick='saveExcel("+dwonUrl+")''/></td></tr>");
}else{
$("#"+pname).progressbar({
value: obj[index].downValue
});
if(obj[index].downValue=="100"){
$("#"+status).html('已完成');
$("#"+btnSave).show();
i=i+1;
}
if(i==obj.length){
clearInterval(interval);
}
}
});
}
});
num++;
}
var interval = setInterval(refreshProgress, "1000");
</script>
<script type="text/javascript">
function saveExcel(id){
window.open(id.value);
}

var isCheckAll = false;
function swapCheck() {
if (isCheckAll) {
$("input[type='checkbox']").each(function() {
this.checked = false;
});
isCheckAll = false;
} else {
$("input[type='checkbox']").each(function() {
this.checked = true;
});
isCheckAll = true;
}
}

function todel(){
$.messager.confirm('确认','确认要删除吗?',function(r){
if(r){
del();
}
});
}

function del(){
obj = document.getElementsByName("checkbox");
checkVal = [];
for(k in obj){
if(obj[k].checked)
checkVal.push(obj[k].value);
}
var datas={moduleId:moduleId,platformId:platformId,checkVal:checkVal};
if(checkVal.length>0){
$.ajax({
url: "/export_data/delete",
type: "post",
traditional:true,
data: datas,
dataType: "json",
success: function (data) {
if(data=="success") {
$.messager.alert('提示信息','成功删除数据！','warning');
window.location.reload();
}
else{
$.messager.alert('提示信息', '删除失败','warning');
}
}
});
}else{
$.messager.alert('提示信息', '请选择要删除的excal','warning');
}
}
</script>
<body>
<div class="inputdq">
<table><tr><td><input type='button' value='删除' οnclick="todel()"></td><td align="right" valign="top" width='600px' style='color:red;'>数据暂存区数据只能保存3天!</td></tr></table>
<form id="add_form" enctype="multipart/form-data" method="post"
style="font-size: 12px;">
<table class='tablecollapse'>
<tr>
<td width='13px' class='tdprocess'><input οnclick="swapCheck()" type='checkbox'></td>
<td width='100px' class='tdprocess'>申请时间</td>
<td width='249px' class='tdprocess'>文件名</td>
<td width='60px' class='tdprocess'>状态</td>
<td width='153px' class='tdprocess'>进度条</td>
<td width='60px' class='tdprocess'>操作</td>
</tr>
<tbody id="td1">
</tbody>
</table>
</form>
</div>
</body>
</html>