<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
<%
|
String path = request.getContextPath();
|
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
|
%>
|
<%@ taglib uri="/struts-tags" prefix="s" %>
|
<!DOCTYPE HTML>
|
<html>
|
<head>
|
<base href="<%=basePath%>">
|
|
<meta charset="UTF-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />
|
<title><s:text name="Upload_FBO/IDC_data"/></title> <!-- 上传FBO/IDC数据 -->
|
<link rel="stylesheet" type="text/css" href="css/basic.css">
|
<link rel="stylesheet" type="text/css" href="css/BrdwDeal.css">
|
<script type="text/javascript" src="js/frame.js"></script>
|
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
|
<script type="text/javascript" src="js/base.js"></script>
|
<style type="text/css">
|
/*定义被鼠标点击的背景色*/
|
.b8cfe5{
|
background-color:#b8cfe5;
|
}
|
.red{
|
color:red;
|
}
|
|
#paging a{
|
margin-right:40px;
|
}
|
#tbBrdw table tbody tr .bar,#tbHead table tbody tr .bar{
|
width:160px;
|
height:20px;
|
border:1px solid #229f24;
|
}
|
</style>
|
</head>
|
<body>
|
<!--头部内容开始-->
|
<jsp:include page="Top.jsp" flush="true"/>
|
<!--头部内容结束-->
|
<!-- 主体内容 -->
|
<div id="main">
|
<!--导航开始-->
|
<jsp:include page="nav.jsp" flush="true"/>
|
<!--导航结束-->
|
<div id="eleInfor">
|
<span class="summary"><s:text name="Show/hide_the_query_conditions"/></span> <!-- 显示和隐藏查询条件 -->
|
<div class="checkCon">
|
<table>
|
<tr class="fWeight">
|
<td><s:text name="Maintenance_area"/></td> <!-- 维护区 -->
|
<td><s:text name="Computer_site"/></td> <!-- 机房站点(或机房设备) -->
|
<td><s:text name="Battery"/></td> <!-- 蓄电池组 -->
|
</tr>
|
<tr>
|
<td>
|
<select name="" id="station_name1">
|
</select>
|
</td>
|
<td>
|
<select name="" id="station_name">
|
</select>
|
</td>
|
<td>
|
<select name="" id="battgroup_name">
|
</select>
|
</td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
<!-- 表格固定的头部 -->
|
<div id="tbHead">
|
<!-- <table class="tbFixed">这里是表格固定头部的内容</table> -->
|
</div>
|
<!-- 表格滚动的部分 -->
|
<div id="tbBrdw">
|
<!-- <table class="tbScroll">这里是表格滚动的内容</table> -->
|
</div>
|
<form action="" method="post" enctype="multipart/form-data">
|
<input type="file" name="file" style="display:none;" id="single-file" value=""/>
|
<input type="file" name="file" style="display:none;" multiple="multiple" id="mutil-file" value="" accept=".fbo,.idc"/>
|
</form>
|
|
<!-- 分页内容 -->
|
<div id="paging">
|
<!-- <a href="javascript:" class="addsingle">添加单个数据</a> -->
|
<a href="javascript:" class="addbatch"><s:text name="Add_the_data_file"/></a> <!-- 添加数据文件 -->
|
<a href="javascript:" class="empty"><s:text name="Empty_data"/></a> <!-- 清空数据 -->
|
<a href="javascript:" class="upload"><s:text name="Upload"/></a> <!-- 上传 -->
|
<a href="javascript:" class="stopupload"><s:text name="Stop_uploading"/></a> <!-- 停止上传 -->
|
</div>
|
</div>
|
<!-- 主体内容结束 -->
|
<div id="allShade"></div>
|
<!--清除浮动-->
|
<div class="clear"></div>
|
</body>
|
<script type="text/javascript" src="js/buildNav.js"></script>
|
<script type="text/javascript" src="js/createTab.js"></script>
|
<script type="text/javascript" src="js/createMap.js"></script>
|
<script type="text/javascript">
|
var permits;
|
<% Object obj=session.getAttribute("permits");
|
if(obj!=null){
|
String permits =obj.toString(); %>
|
permits=<%=permits%>;
|
//console.info(json);
|
<% } %>
|
|
var FilesAllArr=new Array(); //存放所有文件名的数组
|
var progress_time; //上传文件的计时器
|
var Bar_index=0; //记录进度条的下标
|
//var fileall_index=0; //记录数组的长度
|
var BattgroupIds=new Array(); //存放所有的电池组id
|
//初始化页面内容
|
$(document).ready(function(){
|
setUserName();
|
//定义页面高度
|
var srnHt=$(window).height(); //浏览器可以区域的高度
|
var bodyHt=$('body').height(); //body的高度
|
var tbHt=$('#tbBrdw').height(); //表格容器的高度
|
//对比浏览器和body高度
|
if(srnHt>bodyHt)
|
{
|
$('#tbBrdw').height(tbHt+srnHt-bodyHt);
|
}
|
$(window).resize(function(){
|
var newSrnHt=$(window).height(); //浏览器可以区域的高度
|
var newBodyHt=$('body').height(); //body的高度
|
var newTbHt=$('#tbBrdw').height(); //表格容器的高度
|
$('#tbBrdw').height(newTbHt+newSrnHt-newBodyHt);
|
});
|
//点击显示和隐藏，隐藏和显示查询条件
|
var flag=1; //判断查询条件是否被隐藏
|
var checkConHt=$('#eleInfor .checkCon').height(); //获取查询条件容器的高度
|
$('#eleInfor .summary').click(function(){
|
var tbHt=$('#tbBrdw').height(); //获取表格容器的高度
|
if(flag==1)
|
{
|
flag=0; //改变值表示为隐藏
|
$('#eleInfor .checkCon').slideUp(300);
|
//设置延时防止页面溢出，出现滚动条
|
setTimeout(function(){
|
$('#tbBrdw').height(tbHt+checkConHt);
|
},302);
|
}else{
|
flag=1; //显示
|
$('#tbBrdw').height(tbHt-checkConHt);
|
$('#eleInfor .checkCon').slideDown();
|
}
|
});
|
});
|
|
//定义表格数据数组变量
|
var ArrTh=new Array();
|
var ArrTd=new Array();
|
|
//上下滚动同步
|
$("#tbBrdw").scroll(function(){
|
var scrollX=$(this).scrollLeft();
|
$('#tbHead table').css('left',-scrollX);
|
});
|
//生成表格并对表格进行操作
|
$(document).ready(function(){
|
//定义表格头部数据
|
ArrTh=['<s:text name="Target_battery_pack_ID"/>','<s:text name="File_original_name"/>','<s:text name="If_can_upload"/>','<s:text name="Can_not_upload_reason"/>','<s:text name="Whether_have_been_uploaded"/>','<s:text name="Upload_progress"/>','<s:text name="Nominal_capacity"/>(AH)','<s:text name="Monomer_All"/>','<s:text name="Nominal_voltage_monomer"/>(V)','<s:text name="Test_type"/>','<s:text name="Test_instrument"/>','<s:text name="Test_time"/>','<s:text name="Test_timeL"/>','<s:text name="Test_current"/>(A)','<s:text name="Test_capacity"/>(AH)','<s:text name="Data_interval"/>(min)','<s:text name="Frequency_of_data"/>','<s:text name="Lowest_unit_number"/>','<s:text name="Lowest_monomer_voltage"/>(V)','<s:text name="Stop_reason"/>'];
|
//生成表格头部
|
createTable('tbHead','tbFixed',ArrTh.length,ArrTh,ArrTd);
|
createTable('tbBrdw','tbScroll',ArrTh.length,ArrTh,ArrTd);
|
|
//点击表格变色(给点击的行添加class)
|
$('#tbBrdw').on('click','table tbody tr',function(){
|
//点击当前行的被境改变
|
$('#tbBrdw table tbody tr').removeClass('b8cfe5');
|
$(this).addClass('b8cfe5');
|
});
|
});
|
|
//添加单个文件
|
/* function addsinglefile(){
|
var battgroup_name=$('#battgroup_name').prop('value');
|
if(battgroup_name!=0){
|
$('#single-file').click();
|
}else{
|
alert("请先选择一组电池组");
|
}
|
} */
|
|
//批量添加文件
|
function addbatchfile(){
|
var battgroup_name=$('#battgroup_name').prop('value');
|
if(battgroup_name!=0){
|
$('#mutil-file').click();
|
}else{
|
alert('<s:text name="Please_choose_a_group_of_battery_pack!"/>');
|
}
|
}
|
|
$(document).ready(function(){
|
//点击批量添加数据
|
$('#paging .addbatch').click(function(){
|
addbatchfile();
|
});
|
|
/* //选中文件时触发校验文件
|
$('#single-file').live('change',function(){
|
if($('#single-file').val().length!=0){
|
if(IsExists(FilesAllArr, this.files[0].name)){
|
alert("该文件已在文件列表中！！");
|
}else{
|
checkFile( this.files[0]);
|
}
|
}
|
}); */
|
|
//选中文件时触发校验文件
|
$('#mutil-file').live('change',function(){
|
|
if($('#mutil-file').val().length!=0){
|
//console.info(this.files);
|
for(var i=0;i<this.files.length;i++){
|
if(IsExists(FilesAllArr, this.files[i].name)){
|
alert(this.files[i].name+"<s:text name='This_file'/><s:text name='Already_exist'/>!!");
|
}else{
|
checkFile( this.files[i]);
|
}
|
}
|
}
|
});
|
|
//点击上传文件
|
$('#paging .upload').click(function(){
|
uploadFile();
|
});
|
|
//点击停止上传
|
$('#paging .stopupload').click(function(){
|
stopUpload();
|
});
|
|
//点击清空数据
|
$('#paging .empty').click(function(){
|
clearAlldata();
|
});
|
});
|
|
//校验单个文件
|
function checkFile(file){
|
//console.info(file);
|
ArrTd=new Array();
|
var formData = new FormData();
|
var battgroupid=$('#battgroup_name').attr('value');
|
//console.info(formData);
|
formData.append("file",file);
|
// formData.append("file",file);
|
formData.append("battgroupid",battgroupid);
|
//console.info(formData);
|
$.ajax({
|
url : "FileAction!UploadFboFile",
|
type : 'POST',
|
data : formData,
|
// 告诉jQuery不要去处理发送的数据
|
processData : false,
|
// 告诉jQuery不要去设置Content-Type请求头
|
contentType : false,
|
success : function(data) {
|
model=eval("("+data.result+")");
|
var index=0;
|
//console.info(model.length);
|
for(var i=0;i<model.length;i++){
|
if(model[i].code==1 && model[i].data.length>0){
|
//console.info(model[i]);
|
ArrTd[index++]=model[i].data[0]; //目标电池组id
|
ArrTd[index++]=model[i].data[1]; //文件名
|
ArrTd[index++]=model[i].data[2]?"<input type='checkbox' disabled checked/>":"<input type='checkbox' disabled/>"; //是否能上传
|
ArrTd[index++]=model[i].data[3]; //不能上传原因
|
ArrTd[index++]=model[i].data[4]?"<input type='checkbox' disabled checked/>":"<input type='checkbox' disabled/>"; //是否已上传
|
ArrTd[index++]="<div class='bar' barnum="+(Bar_index++)+"></div>"; //上传进度
|
ArrTd[index++]=model[i].data[6]; //标称容量
|
ArrTd[index++]=model[i].data[7]; //单体数量
|
ArrTd[index++]=model[i].data[8]; //标称单体电压
|
ArrTd[index++]=model[i].data[9]; //测试类型
|
ArrTd[index++]=model[i].data[10]; //测试仪表
|
ArrTd[index++]=model[i].data[11]; //测试时间
|
ArrTd[index++]=model[i].data[12]; //测试时长
|
ArrTd[index++]=model[i].data[13]; //测试电流
|
ArrTd[index++]=model[i].data[14]; //测试容量
|
ArrTd[index++]=model[i].data[15]; //数据保存时间间隔
|
ArrTd[index++]=model[i].data[16]; //数据笔数
|
ArrTd[index++]=model[i].data[17]; //最低单体编号
|
ArrTd[index++]=model[i].data[18]; //最低单体电压
|
ArrTd[index++]=model[i].data[19]; //停止原因
|
}
|
}
|
FilesAllArr.push(file);
|
BattgroupIds.push(battgroupid);
|
addTd($('#tbHead .tbFixed tbody'),ArrTh.length,ArrTd);
|
addTd($('#tbBrdw .tbScroll tbody'),ArrTh.length,ArrTd);
|
$('#tbBrdw table tbody tr').each(function(i){
|
if(!$(this).children('td').eq(2).find('input[checked]').length==0)
|
{
|
$('#tbHead table tbody tr').eq(i).removeClass('red');
|
$(this).removeClass('red');
|
}
|
|
});
|
$('#tbBrdw table tbody tr .bar').each(function(i){
|
if($(this).find("div").length==0){
|
createProgressBar($(this),0);
|
createProgressBar($('#thHead table tbody tr .bar').eq(i),0);
|
}
|
});
|
resetFileInput($('#mutil-file'));
|
|
},
|
error : function(responseStr) {
|
console.log("error");
|
}
|
});
|
}
|
|
//上传文件
|
function uploadFile(){
|
var battgroup_name=$('#battgroup_name').prop('value');
|
if(battgroup_name!=0){
|
var formData = new FormData();
|
var battgroupid=$('#battgroup_name').attr('value');
|
formData.append("battgroupid",battgroupid);
|
var tabledata=getTableData($('#tbBrdw .tbScroll'));
|
formData.append("tableRowData",window.JSON.stringify(tabledata));
|
//console.info(window.JSON.stringify(tabledata));
|
for(var i=0;i<FilesAllArr.length;i++){
|
formData.append("file",FilesAllArr[i]);
|
}
|
if(FilesAllArr.length>0){
|
Invalidlink();
|
$.ajax({
|
url : "FboDataUploadAction!uploadFile",
|
type : 'POST',
|
data : formData,
|
// 告诉jQuery不要去处理发送的数据
|
processData : false,
|
// 告诉jQuery不要去设置Content-Type请求头
|
contentType : false,
|
success:function(data) {
|
clearInterval(progress_time);
|
progress_time=setInterval(selectprogress,50);
|
},
|
error : function(responseStr) {
|
console.log("error");
|
}
|
});
|
|
}else{
|
alert('<s:text name="Please_add_to_upload_data_files!"/>');
|
}
|
}else{
|
alert('<s:text name="Please_choose_a_group_of_battery_pack!"/>');
|
}
|
}
|
|
//查询进度
|
function selectprogress(){
|
//console.info("查询进度。。。");
|
$.post("FboDataUploadAction!selectprogress",null,function(data){
|
var model=eval("("+data.result+")");
|
if(model.code==1){
|
var progress=model.data;
|
//console.info(progress);
|
if(progress.isCompleteed){
|
alert("<s:text name='The_operation_was_completed'/>"+progress.total+"<s:text name='File'/>,"+"<s:text name='Have'/>"+progress.uploadOkcount+"<s:text name='File'/><s:text name='Upload'/><s:text name='Success'/>");
|
clearInterval(progress_time);
|
Effectlink();
|
}
|
updateData(progress);
|
}else{
|
Effectlink();
|
}
|
});
|
}
|
|
|
//更新进度
|
function updateData(progress){
|
var tableData =progress.tableData;
|
for(var i=0;i<tableData.length;i++){
|
$('#tbBrdw table tbody tr').each(function(j){
|
if($(this).find("td").eq(1).text()==tableData[i][1] && $(this).find("td").eq(0).text()==tableData[i][0]){
|
//console.info(tableData[i][0]+"--"+tableData[i][1]+"--"+tableData[i][5]);
|
updateBar($(this).find(".bar"),tableData[i][5]);
|
if(tableData[i][4]=="true"){
|
$(this).find("td").eq(4).find("input").prop('checked',true);
|
}
|
//var $(this).find(".bar").text())
|
}
|
});
|
}
|
}
|
|
//停止上传
|
function stopUpload(){
|
//clearInterval(progress_time);
|
$.post("FboDataUploadAction!stopUpload",null,function(data){
|
var model=eval("("+data.result+")");
|
//console.info('<s:text name="Stop_uploading"/>');
|
//alert('停止上传');
|
});
|
}
|
|
//清空数据
|
function clearAlldata(){
|
if(confirm('<s:text name="Sure to empty the data file?"/>')){
|
//console.info("清空数据");
|
FilesAllArr=new Array();
|
BattgroupIds=new Array();
|
Bar_index=0;
|
$('#tbBrdw .tbScroll tbody').text('');
|
$('#tbHead .tbFixed tbody').text('');
|
resetFileInput($('#mutil-file')); //清空文件控件中的值
|
}
|
}
|
|
//判断data是否在数组list中存在
|
function IsExists(list,data){
|
var flag=false;
|
var battgroupid=$('#battgroup_name').attr('value');
|
if(list!=undefined && list.length>0){
|
for(var i=0;i<list.length;i++){
|
if(list[i].name==data && BattgroupIds[i]==battgroupid){
|
flag=true;
|
return true;
|
}
|
}
|
}
|
return flag;
|
}
|
|
//页面加载时查询维护区中的枢纽类型
|
$.post("BattInfAction_serchByStation",null,function(data){
|
data=data.result;
|
data=eval("("+data+")");
|
//console.info(data);
|
if(data.code==1 && data.data.length>0){
|
var Ostation_name1=document.getElementById("station_name1");
|
Ostation_name1.innerHTML="";
|
for(var i=0;i<=data.data.length;i++){
|
option=createEle("option");
|
if(i==0){
|
option.innerHTML="<s:text name='All'/>(<s:text name='Common'/>"+data.sum+"<s:text name='Species'/>)";
|
option.setAttribute("value", "");
|
}else{
|
option.innerHTML=data.data[i-1].StationName1;
|
option.setAttribute("value",data.data[i-1].StationName1);
|
}
|
Ostation_name1.appendChild(option);
|
}
|
}
|
findStationNamebyStationname1();
|
});
|
|
//查询不重复的电池组
|
$.post("BattInfAction_serchByStationName1",null,function(data){
|
model=eval("("+data.result+")");
|
var Obattgroup_name = document.getElementById("battgroup_name");
|
Obattgroup_name.innerHTML="";
|
if(model.code==1 && model.data.length>0){
|
for(var i=0;i<model.data.length;i++){
|
data=model.data[i];
|
option=createEle("option");
|
if(i!=0){
|
option.innerHTML=data.BattGroupName+"-"+data.MonCount+"<s:text name='Section'/>";
|
option.setAttribute("value",data.BattGroupId);
|
option.setAttribute("oldvalue",data.StationName+""+data.BattGroupName);
|
}else{
|
option.innerHTML="<s:text name='All'/>（<s:text name='Common'/>"+model.sum+"<s:text name='Species'/>）";
|
option.setAttribute("value", "0");
|
}
|
Obattgroup_name.appendChild(option);
|
|
}
|
}
|
});
|
|
//当维护区的值变换时更新机房站点
|
$('#station_name1').change(function(){
|
findStationNamebyStationname1();
|
});
|
|
//根据维护区查询站点
|
function findStationNamebyStationname1(){
|
var selectvalue=$("#station_name1 option:selected").val();
|
//alert(selectvalue);
|
$.post("BattInfAction_serchByStationName","bif.StationName1="+selectvalue,function(data){
|
//console.info(data);
|
data=data.result;
|
data=eval("("+data+")");
|
if(data.code==1 && data.data.length>0){
|
|
var Ostttion_name = document.getElementById("station_name");
|
Ostttion_name.innerHTML="";
|
for(var i=0;i<=data.data.length;i++){
|
option=createEle("option");
|
if(i==0){
|
option.innerHTML="<s:text name='All'/>(<s:text name='Common'/>"+data.sum+"<s:text name='Species'/>)";
|
option.setAttribute("value", "");
|
}else{
|
option.innerHTML=data.data[i-1].StationName;
|
option.setAttribute("value",data.data[i-1].StationName);
|
}
|
Ostttion_name.appendChild(option);
|
}
|
}
|
findserchByBattGroupNamebystationname();
|
});
|
$('#station_name').change(function(){
|
findserchByBattGroupNamebystationname();
|
});
|
}
|
|
//根据维护区和机房查询蓄电池组
|
function findserchByBattGroupNamebystationname(){
|
var station_name1=$("#station_name1 option:selected").val();
|
var station_name=$("#station_name option:selected").val();
|
|
$.post("BattInfAction_serchByBattGroupName","bif.StationName1="+station_name1+"&bif.StationName="+station_name,function(data){
|
data=data.result;
|
//console.info(data);
|
data=eval("("+data+")");
|
//console.info(data.data);
|
if(data.code==1 && data.data.length>0){
|
//console.info(data.data);
|
var Obattgroup_name = document.getElementById("battgroup_name");
|
Obattgroup_name.innerHTML="";
|
|
for(var i=0;i<=data.data.length;i++){
|
option=createEle("option");
|
if(i!=0){
|
option.innerHTML=data.data[i-1].BattGroupName+"-"+data.data[i-1].MonCount+"<s:text name='Section'/>";
|
option.setAttribute("value",data.data[i-1].BattGroupId);
|
option.setAttribute("oldvalue",data.data[i-1].StationName+""+data.data[i-1].BattGroupName);
|
}else{
|
option.innerHTML="<s:text name='All'/>（<s:text name='Common'/>"+data.sum+"<s:text name='Species'/>）";
|
option.setAttribute("value", "0");
|
}
|
Obattgroup_name.appendChild(option);
|
}
|
}
|
});
|
}
|
|
//将data从list中移除
|
function removeArr(data,index){
|
if(FilesAllArr!=undefined && FilesAllArr.length>0 &&index<FilesAllArr.length){
|
|
if(FilesAllArr[index].name==data){
|
FilesAllArr.splice(index,1);
|
BattgroupIds.splice(index,1);
|
//console.info("移除成功");
|
}
|
}
|
|
}
|
|
|
//获取当前表格中的数据
|
function getTableData(ele){
|
var TableData=new Array();
|
if(ele!=undefined){
|
var trlength=ele.find("tbody tr").length;
|
var tdlength=ele.find("tbody td").length;
|
var thlength=ele.find("thead th").length;
|
var td=ele.find("tbody td");
|
var index=0;
|
for(var i=0;i<trlength;i++){
|
TableData[i]=new Array();
|
for(var j=0;j<thlength && index<tdlength;j++){
|
if(td.eq(index).find('input').length!=0){
|
//alert(12);
|
if(td.eq(index++).find('input').is(':checked')){
|
TableData[i][j]=true;
|
}else{
|
TableData[i][j]=false;
|
}
|
}else{
|
TableData[i][j]=td.eq(index++).text();
|
}
|
}
|
}
|
}
|
return TableData;
|
}
|
|
|
//屏蔽浏览器右键菜单功能并添加自己的右键菜单
|
$(document).ready(function() {
|
$('#tbBrdw').get(0).oncontextmenu = function() {
|
return false;
|
};
|
var menuTxt = [/* '查看数据文件' */, '<s:text name="Remove"/><s:text name="Data"/><s:text name="File"/>']; /* 移除数据文件 */
|
var menuClass = ['check-doc', 'del-doc'];
|
//点击上传表格
|
$('#tbBrdw').on('mousedown', 'table tbody tr', function(e) {
|
var trIndex=$(this).index();
|
$('#tbHead table tbody tr').removeClass('b8cfe5');
|
$('#tbBrdw table tbody tr').removeClass('b8cfe5');
|
$(this).addClass('b8cfe5');
|
$('#tbHead table tbody tr').eq(trIndex).addClass('b8cfe5');
|
|
//利用jquery的方式获取当前点击的是否是右键
|
if(e.which == 3) {
|
createMenu(menuTxt, menuClass);
|
setTimeout(function() {
|
var disX = (e || event).clientX + 10; //获取鼠标点击的横坐标
|
var disY = (e || event).clientY + 10; // 获取鼠标点击的纵坐标
|
var scrollY = $(document).scrollTop();
|
$('#rightMenu').css('top', disY + scrollY + 'px');
|
$('#rightMenu').css('left', disX + 'px');
|
setPosition($("#rightMenu"),disX, disY);
|
}, 30);
|
}
|
});
|
//点击后删除右键菜单
|
$('div').on('click', function() {
|
$('#rightMenu').remove();
|
});
|
$('body').on('click','#rightMenu a',function(){
|
$('#rightMenu').remove();
|
});
|
});
|
|
//生成进度条
|
function createProgressBar(ele, val) {
|
var intVal = parseInt(val);
|
//给容器添加必要的样式
|
ele.css({
|
'position': 'relative',
|
'overflow': 'hidden'
|
});
|
//获取容器的宽高
|
var __eleWidth = ele.width();
|
var __eleHt = ele.height();
|
//创建必要的元素
|
var __bar = $('<div class="progress-bar"></div>');
|
var __barTxt = $('<div class="progress-txt">' + intVal + '%</div>');
|
//将元素添加到容器中
|
ele.append(__bar);
|
ele.append(__barTxt);
|
//设置进度条的样式
|
ele.children('.progress-bar').css({
|
'position': 'absolute',
|
'z-index': '200',
|
'width': intVal + '%',
|
'height': __eleHt + 'px',
|
'background-color': '#229f24'
|
});
|
|
//设置进度条的文本样式
|
ele.children('.progress-txt').css({
|
'position': 'absolute',
|
'z-index': '300',
|
'width': '60px',
|
'height': __eleHt + 'px',
|
'line-height': __eleHt + 'px',
|
'text-align': 'center',
|
'left': '50%',
|
'margin-left': '-30px',
|
'font-size':'1em'
|
});
|
}
|
//更新进度条的进度
|
function updateBar(ele, val) {
|
var intVal = parseInt(val); //将进度值转化为整数型
|
if(intVal>100){
|
intVal=100;
|
}
|
//更新进度条样式
|
ele.children('.progress-bar').css({
|
'width': intVal + '%'
|
});
|
//更新进度条文本数值
|
ele.children('.progress-txt').text(intVal + '%');
|
}
|
|
//右键菜单事件
|
$(document).ready(function(){
|
//移除文件
|
$('body').on('click','#rightMenu .del-doc',function(){
|
var filename=$('#tbBrdw table tbody .b8cfe5').find('td').eq(1).text();
|
var remove_index=$('#tbBrdw table tbody .b8cfe5').index();
|
//console.info(FilesAllArr[remove_index]);
|
removeArr(filename,remove_index);
|
//console.info(FilesAllArr.length);
|
$('#tbHead table tbody .b8cfe5').remove();
|
$('#tbBrdw table tbody .b8cfe5').remove();
|
});
|
});
|
|
//让超链接点击事件失效
|
function Invalidlink(){
|
//console.info("解除绑定");
|
//$('#paging .addsingle').unbind('click');
|
$('#paging .addbatch').unbind('click');
|
$('#paging .empty').unbind('click');
|
$('#paging .upload').unbind('click');
|
}
|
|
//让超链接点击事件生效
|
function Effectlink(){
|
//console.info("添加绑定");
|
//$('#paging .addsingle').bind('click',addsinglefile);
|
$('#paging .addbatch').bind('click',addbatchfile);
|
$('#paging .empty').bind('click',clearAlldata);
|
$('#paging .upload').bind('click',uploadFile);
|
}
|
|
//清空文件控件中的值(file为JQuery文件对象)
|
function resetFileInput(file){
|
file.after(file.clone().val(''));
|
file.remove();
|
}
|
</script>
|
</html>
|
