(function ($) {

    $.fn.hncreatestatus = function (data, yzclass) {
        /**
        data:json数组
        data.text:节点名称
        data.date:节点日期
        data.time:节点时间
        data.status:s成功 i当前节点 u未到达节点 f失败节点
        data.yz:印章的class  status-yz-pass审核通过 status-yz-unpass审核未通过 status-yz-ych已撤回 status-yz-ygq已过期 status-yz-ytj已递交 
        **/
        data = eval(data);
        var content = $(this);
        var ulstatus = $("<ul class=\"status-process1\">");
        if (data != "" && data.length > 0) {
            var width = 0;
            for (var i = 0; i < data.length; i++) {
                var style = "", strdate = "";
                if (data[i].date != "" && data[i].time != "") {
                    style = "style='padding-top:10px'";
                    strdate = "<br />" + data[i].date + "<br />" + data[i].time;
                }
                else {
                    style = "style='padding-top:22px'";
                    strdate = "";
                }
                if (i == 0) {
                    var html = "<li class=\"first " + (data[i].status == "s" ? "first-success" : "first-ing") +
                        "\" ><div class=\"content\" " + style + ">" + data[i].text + strdate + "</div><div class=\"after\"></div></li>";
                    $(html).appendto(ulstatus);
                    width += 123;
                }
                else if (i == data.length - 1) {
                    var html = "<li class=\"" + (data[i].status == "s" ? "node node-success last last-success" : "node node-un last last-un") +
                        "\"><div class=\"content\" " + style + ">" + data[i].text + strdate + "</div><div class=\"after\"></div></li>";
                    $(html).appendto(ulstatus);
                    width += 127;
                }
                else {
                    //node node-success
                    var nodeclass = "";
                    if (data[i].status == "s") {
                        nodeclass = "node-success";
                    }
                    else if (data[i].status == "i") {
                        nodeclass = "node-ing";
                    }
                    else if (data[i].status == "u") {
                        nodeclass = "node-un";
                    }
                    else {
                        nodeclass = "node-fail";
                    }
                    var html = "<li class=\"node " + nodeclass +
                        "\"><div class=\"content\" " + style + ">" + data[i].text + strdate + "</div><div class=\"after\"></div></li>";
                    $(html).appendto(ulstatus);
                    width += 131;
                }
            }
            ulstatus.css("width", width + 5);
            ulstatus.css("min-width", width + 55);
            ulstatus.appendto(content);
            //<div class="status-yz status-yz-pass"></div>

            if (yzclass != "") {
                var yz = $("<div class=\"status-yz " + yzclass + "\"></div>");
                var ulstatusoffset = ulstatus.offset();
                yz.css("top", ulstatusoffset.top + 15);
                yz.css("left", ulstatusoffset.left + width - 350);

                yz.appendto(content);

                $(window).resize(function () {
                    var yz = $(".status-yz");
                    var ulstatus = $('.status-process1');
                    var ulstatusoffset = ulstatus.offset();
                    yz.css("top", ulstatusoffset.top + 15);
                    yz.css("left", ulstatusoffset.left + width - 350);
                });
            }
        }
    };

})(jquery);