You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

64 lines
2.1 KiB

  1. /*
  2. * 版 本 Learun-ADMS-Ultimate V7.0.0 数字化智慧校园(http://www.learun.cn)
  3. * Copyright (c) 2013-2018 北京泉江科技有限公司
  4. * 创建人:Learun智慧校园-前端开发组
  5. * 日 期:2017.03.22
  6. * 描 述:时间轴方法(升序)
  7. */
  8. $.fn.lrtimelineEsc = function (nodelist) {
  9. // title 标题
  10. // people 审核人
  11. // content 内容
  12. // time 时间
  13. var $self = $(this);
  14. if ($self.length == 0) {
  15. return $self;
  16. }
  17. $self.addClass('lr-timeline');
  18. var $wrap = $('<div class="lr-timeline-allwrap"></div>');
  19. var $ul = $('<ul></ul>');
  20. if (nodelist.length > 0) {
  21. // 开始节点
  22. var $begin = $('<li class="lr-timeline-header"><div>开始</div></li>')
  23. $ul.append($begin);
  24. $.each(nodelist, function (_index, _item) {
  25. // 中间节点
  26. var $li = $('<li class="lr-timeline-item" ><div class="lr-timeline-wrap" ></div></li>');
  27. if (_index == 0) {
  28. $li.find('div').addClass('lr-timeline-current');
  29. }
  30. var $itemwrap = $li.find('.lr-timeline-wrap');
  31. var $itemcontent = $('<div class="lr-timeline-content"><span class="arrow"></span></div>');
  32. $itemcontent.append('<div class="lr-timeline-title">' + _item.title + '</div>');
  33. $itemcontent.append('<div class="lr-timeline-body"><span>' + _item.people + '</span>' + _item.content + '</div>')
  34. $itemwrap.append('<span class="lr-timeline-date">' + _item.time + '</span>');
  35. $itemwrap.append($itemcontent);
  36. var $event = $itemcontent.find('.lr-event');
  37. if ($event.length > 0) {
  38. $event[0].lrdata = _item;
  39. $itemcontent.find('.lr-event').on('click', function () {
  40. var data = $(this)[0].lrdata;
  41. data.callback && data.callback(data);
  42. });
  43. }
  44. $ul.append($li);
  45. });
  46. // 结束节点
  47. $ul.append('<li class="lr-timeline-ender"><div>当前</div></li>');
  48. }
  49. $wrap.html($ul);
  50. $self.html($wrap);
  51. };