demo.html
2.4 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
<div id="timelinr" class="page out" data-title="时间轴插件">
<div id="timelinr-header"></div>
<div id="timelinr-a"></div>
</div>
<script>
require(["NavHeader", "Timelinr"], function(NavHeader, Timelinr) {
var _u = require("mUtil");
var hasClsPicker = typeof clsPicker !== "undefined";
if(!hasClsPicker) {
new NavHeader({
el: "timelinr-header",
option: {
title:"时间轴插件",
smallTitle:"timelinr"
}
}).render();
}
new Timelinr({
el: "timelinr-a",
option: {
sourceid : -999,//表单建模查询id
pageSize : !hasClsPicker ? 10 : 2,
normalview : {
timefield : {fieldid : 6537, fielddesc:"日期浏览框"},
titlefield : {fieldid : 6528, fielddesc : "单行文本框"},
otherfields : [
[{fieldid : 6534, fielddesc : "人力资源浏览框"},{fieldid : -1, fielddesc : "，人员id：{rlzyllk}"}],
[{fieldid : 6544, fielddesc:"图片上传"}]
]
},
options: {
readonly: false//是否数据只读
},
callback: {
click : function(data){
$u("/mobilemode/mobile/demo/plugin/Timelinr/detail.html?billid="+data.id, true);
}
},
onload: function() {
if (!hasClsPicker) return;
_u.vetically("#timelinr-a");
clsPicker.golalSetting({
container: ".wev-comp-Timelinr",
type: "Timelinr"
});
new clsPicker({
selector: ".wev-pull-left",
lineYSkew: 80,
skew: ["", -0.6],
position: "top right"
});
new clsPicker({
selector: ".wev-media-inner",
lineYSkew: 52,
skew: [20, -2.5],
position: "top right"
});
new clsPicker({
selector: ".wev-media-title",
lineYSkew: 35,
skew: [10, -0.5],
position: "top right"
});
new clsPicker({
selector: ".wev-img",
lineYSkew: -10,
skew: ["", -1],
position: "top right"
});
new clsPicker({
selector: ".wev-ellipsis",
lineYSkew: -20,
skew: [5, -0.5],
position: "top right"
});
new clsPicker({
selector: ".wev-table-view-cell:last-child .wev-media-body",
text: ".wev-media-body",
lineYSkew: 75,
skew: [1.2, 2.5],
positon: "bottom right",
height: 100
});
new clsPicker({
selector: ".wev-comp-Timelinr",
lineYSkew: 80,
skew: [10, ""],
height: 100
});
new clsPicker({
selector: ".wev-more-btn",
lineYSkew: 100,
skew: [5, 1],
height: 100
});
}
}
}).render();
});
</script>