jquery.workline_wev8.js
4.17 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
/**
* Created by 三杰lee on 2015/1/4.
* 根据任务状态 显示具体的时间戳
*/
+function (window, document, $) {
//当前任务模板
var tasknowTemp = "<div class='taskitem'> " +
"<span class='middlehelper'></span> " +
" <span class='tasknow'> " +
" </span> " +
" <span class='tasklinenow taskmargin'> " +
" </span> " +
" <div class='taskinfo taskmargin' style='background-color: #FFB55E'> " +
" <div style='color: #fff'> " +
" <span class='middlehelper'></span> " +
" <span class='taskuser'> " +
" </span> " +
" </div> " +
" <div style='color: #fff' > " +
" <span class='middlehelper'></span> " +
" <span class='taskdate'> " +
" </span> " +
" <span class='tasktime' style='color: #fff'> " +
" </span> " +
" </div> " +
" </div> " +
"</div>";
//中间任务模板
var taskmiddleTemp = "<div class='taskitem'> " +
" <span class='middlehelper'></span> " +
" <span class='taskmiddle '> " +
" </span> " +
" <span class='taskline taskmargin'>" +
" </span> " +
" <div class='taskinfo taskmargin'> " +
" <div> " +
" <span class='middlehelper'></span> " +
" <span class='taskuser'> " +
" </span> " +
" <span class='tasksplitline'> " +
" - " +
" </span> " +
" <span class='taskstatus'> " +
" </span> " +
" </div> " +
" <div>" +
" <span class='middlehelper'></span> " +
" <span class='taskdate'> " +
" </span> " +
" <span class='tasktime'> " +
" </span> " +
" </div> " +
" </div> " +
" </div>";
//开始任务模板
var taskbeginTemp = "<div class='taskitem'> " +
"<span class='middlehelper'></span> " +
"<span class='taskbegin '> " +
" </span> " +
" <span class='taskline taskmargin'> " +
" </span> " +
" <div class='taskinfo taskmargin'> " +
" <div> " +
" <span class='middlehelper'></span> " +
" <span class='taskuser'> " +
" </span> " +
" <span class='tasksplitline'> " +
" - " +
" </span> " +
" <span class='taskstatus'> " +
" </span> " +
" </div> " +
" <div> " +
" <span class='middlehelper'></span> " +
" <span class='taskdate'> " +
" </span> " +
" <span class='tasktime'> " +
" </span> " +
" </div> " +
" </div> " +
" </div>";
//给模板元素赋值
function setTempValue(el,taskinfo){
el.find(".taskuser").html(taskinfo.taskuser);
el.find(".taskdate").html(taskinfo.taskdate);
el.find(".tasktime").html(taskinfo.tasktime);
//如果是当前任务节点,则任务状态放在图标上
if(el.find(".tasknow").length>0){
el.find(".tasknow").html(taskinfo.taskstatus);
}else{
el.find(".taskstatus").html(taskinfo.taskstatus);
}
}
$.fn.taskline = function (dataitems) {
var taskframeset = $("<div class='taskitems'><div class='taskvline'></div></div>"),tasktemp;
for(var i=dataitems.length-1; i>=0;i--){
//当前任务
if(i === (dataitems.length-1)){
tasktemp = tasknowTemp;
//开始任务
}else if(i === 0){
tasktemp = taskbeginTemp;
//中间任务
}else{
tasktemp = taskmiddleTemp;
}
tasktemp = $(tasktemp);
setTempValue(tasktemp,dataitems[i]);
//添加任务节点
taskframeset.append(tasktemp);
}
//添加时间戳
this.append(taskframeset);
var that = this;
$(document.body).click(function(e){
var current = e.target;
var $this = $(current);
if(that[0] !== current && !!!that.has($this).length && !$this.hasClass("trace")){
that.hide();
}
});
}
}(this, document, jQuery);