WEBUI/WMS.BZWeb/wwwroot/Content/wms/plugin/timeline/wms-timeline.js

/*
 * 描 述：时间轴方法（降序）
 */
$.fn.lrtimeline = function (nodelist) {

    // title   标题
    // people  审核人
    // content 内容
    // time    时间

    var $self = $(this);
    if ($self.length == 0) {
        return $self;
    }
    $self.addClass('lr-timeline');
    var $wrap = $('<div class="lr-timeline-allwrap"></div>');
    var $ul = $('<ul></ul>');

    // 开始节点
    var $begin = $('<li class="lr-timeline-header"><div>当前</div></li>')
    $ul.append($begin);

    $.each(nodelist, function (_index, _item) {
        // 中间节点
        var $li = $('<li class="lr-timeline-item" ><div class="lr-timeline-wrap" ></div></li>');
        if (_index == 0) {
            $li.find('div').addClass('lr-timeline-current');
        }
        var $itemwrap = $li.find('.lr-timeline-wrap');
        var $itemcontent = $('<div class="lr-timeline-content"><span class="arrow"></span></div>');
        $itemcontent.append('<div class="lr-timeline-title">' + _item.title + '</div>');
        $itemcontent.append('<div class="lr-timeline-body"><span>' + _item.people + '</span>' + _item.content + '</div>')
        $itemwrap.append('<span class="lr-timeline-date">' + _item.time + '</span>');
        $itemwrap.append($itemcontent);
        $ul.append($li);
    });

    // 结束节点
    $ul.append('<li class="lr-timeline-ender"><div>开始</div></li>');
    
    $wrap.html($ul);
    $self.html($wrap);

};