105 lines
2.5 KiB
JavaScript
105 lines
2.5 KiB
JavaScript
|
$(taskInit);
|
|||
|
|
//常规参数
|
|||
|
|
//等级颜色,按顺序1-5级；
|
|||
|
|
var levelColor=["333333","333333","6600FF","ff0000","ff0000"];
|
|||
|
|
//完成度的进度条颜色，按顺序1-10级；红、橙、黄、灰、绿、蓝
|
|||
|
|
var CompleteColor=["ff0000","FF3300","FF9900","333333","009900","0066FF"];
|
|||
|
|
|
|||
|
|
//页面初始化
|
|||
|
|
function taskInit()
|
|||
|
|
{
|
|||
|
|
setRemainingTime();
|
|||
|
|
setLevelColor();
|
|||
|
|
setTitleLoyout();
|
|||
|
|
setCompleteBarColor();
|
|||
|
|
}
|
|||
|
|
//设置剩余时间是否显示为红色
|
|||
|
|
function setRemainingTime()
|
|||
|
|
{
|
|||
|
|
var span=$("span[type='RemainingTime']");
|
|||
|
|
span.each(
|
|||
|
|
function()
|
|||
|
|
{
|
|||
|
|
//获取时间值，并转换成数字
|
|||
|
|
var s=$(this).find("span:first");
|
|||
|
|
var num=Number(s.text());
|
|||
|
|
if(num<0)
|
|||
|
|
{
|
|||
|
|
$(this).attr("class","redTxt");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
//设置等级颜色
|
|||
|
|
function setLevelColor()
|
|||
|
|
{
|
|||
|
|
//levelColor=levelColor.reverse();
|
|||
|
|
var span=$("span[type='level']");
|
|||
|
|
span.each(
|
|||
|
|
function()
|
|||
|
|
{
|
|||
|
|
//获取当前任务的等级值
|
|||
|
|
var num=Number($(this).text());
|
|||
|
|
var color=levelColor[num-1];
|
|||
|
|
$(this).css({ color: "#"+color});
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
//设置完成度的进度条颜色
|
|||
|
|
function setCompleteBarColor()
|
|||
|
|
{
|
|||
|
|
//设置完成度进度条颜色
|
|||
|
|
var bar=$(".compBar");
|
|||
|
|
bar.each(
|
|||
|
|
function()
|
|||
|
|
{
|
|||
|
|
//获取当前任务的等级值
|
|||
|
|
var complete=Number($(this).attr("complete"));
|
|||
|
|
if(complete<1)complete=1;
|
|||
|
|
if(complete>=100)complete=100;
|
|||
|
|
var num=Math.floor(complete/20);
|
|||
|
|
var color=CompleteColor[num];
|
|||
|
|
//$(this).css({ background: "#"+color,width:complete+"%"});
|
|||
|
|
$(this).css({ background: "#"+color,width:"1px"});
|
|||
|
|
$(this).animate({
|
|||
|
|
width: complete+"%",
|
|||
|
|
},2000);
|
|||
|
|
var alpha=70;
|
|||
|
|
$(this).css("filter","Alpha(Opacity="+alpha+")");
|
|||
|
|
$(this).css("-moz-opacity",alpha/100);
|
|||
|
|
$(this).css("opacity",alpha/100);
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
//完成度数值的颜色
|
|||
|
|
var span=$(".CompletePer");
|
|||
|
|
span.each(
|
|||
|
|
function()
|
|||
|
|
{
|
|||
|
|
//获取时间值，并转换成数字
|
|||
|
|
var s=$(this).find("span:first");
|
|||
|
|
var complete=Number(s.text());
|
|||
|
|
var num=Math.floor(complete/20);
|
|||
|
|
var color=CompleteColor[num];
|
|||
|
|
$(this).css({ color: "#"+color});
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
//设置任务标题的位置
|
|||
|
|
function setTitleLoyout()
|
|||
|
|
{
|
|||
|
|
var tit=$(".taskTitle");
|
|||
|
|
tit.each(
|
|||
|
|
function()
|
|||
|
|
{
|
|||
|
|
//设置任务标题的位置
|
|||
|
|
var id=$(this).attr("tag");
|
|||
|
|
var bar=$(".compBar[tag='"+id+"']");
|
|||
|
|
var offset = bar.parent().offset();
|
|||
|
|
$(this).css({ left: offset.left,top:offset.top});
|
|||
|
|
//设置任务的颜色，按level等级
|
|||
|
|
var num=Number($(this).attr("level"));
|
|||
|
|
var color=levelColor[num-1];
|
|||
|
|
$(this).css({ color: "#"+color});
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
}
|