var StarStepNum = 0;
var step = 0;
$(function () {

    var v = $("#JobSchedule");
    if (v == null || v == undefined)
        return;

    var workid = GetQueryString("WorkID");
	var oid = GetQueryString("OID");
    if (workid==null) {
        workid = oid;
    }
    var handler = new HttpHandler("BP.WF.HttpHandler.WF_WorkOpt_OneWork");
    handler.AddPara("WorkID", workid);
    var ds = handler.DoMethodReturnJSON("JobSchedule_Init");
    var gwf = ds["WF_GenerWorkFlow"][0]; //工作记录.
    var nodes = ds["WF_Node"]; //节点.
    var dirs = ds["WF_Direction"]; //连接线.
    var tracks = ds["Track"]; //历史记录. 

    var html = "<div class='step'>";
    html += "<tr>";

    var step = 0;
    //循环历史记录, 生成唯一的节点连续字符串比如 101,102,103
    var nds = "";
    for (var i = 0; i < tracks.length; i++) {
        var tk = tracks[i];
        if (nds.indexOf(tk.FK_Node) != -1)
            continue;
        if (tk.ActionType == 2)
            continue;

        nds += "," + tk.FK_Node;
    }

    //把节点转化为数组.
    var nds = nds.split(",");

    for (var i = 0; i < nds.length; i++) {
        var nodeID = nds[i];
        if (nodeID == "")
            continue;

        var nodeNums = 0;
        for (var myidx = 0; myidx < tracks.length; myidx++) {
            var tk = tracks[myidx];
            if (tk.FK_Node == nodeID)
                nodeNums++;
        }

        //如果是单个节点.
        if (nodeNums == 1) {
            html += GenerSingerNode(tracks, nodeID, gwf);
            continue;
        }

        if (nodeNums > 1) { //多个人的节点.
            html += GenerMNode(tracks, nodeID, gwf);
            continue;
        }
    }

    //流程未完成的状态, 输出没有经过的节点。
    if (gwf.WFState != 3) {

        //当前停留的节点.
        var currNode = gwf.FK_Node;

        var nodeName = "";
        for (var i = 0; i < 100; i++) {

            var nextNode = GetNextNodeID(currNode, dirs);
            if (nextNode == 0)
                break;

            for (var idx = 0; idx < nodes.length; idx++) {
                var nd = nodes[idx];

                if (nd.NodeID == nextNode) {
                    nodeName = nd.Name;
                    break;
                }
            }

            var doc = "<b>-</b>";
            doc += "<br>";
            doc += "<br>";
            doc += "<br>";

            //  doc = "";

            step = step + 1;
            currNode = nextNode;

            if (nextNode == 0)
                var info = GenerIcon("DotEnd", step, doc, true, nodeName);
            else
                var info = GenerIcon("DotEnd", step + StarStepNum, doc, false, nodeName);

            html += "<td style='text-align:center;vertical-align:top;'>" + info + "</td>";

            if (nextNode == 0)
                break;
        }
    }


    html += "</tr>";
    html += "</table>";

    $("#JobSchedule").html(html);
    return;
});


//生成多个节点处理人. .
function GenerMNode(tracks, nodeID, gwf) {

    step = step + 1;
    var info = "<ul>";

    var emps = "";
    var track;
    for (var i = 0; i < tracks.length; i++) {

        var tk = tracks[i];
        if (tk.FK_Node != nodeID) continue;
        if (emps.indexOf(tk.EmpNo + ',') >= 0) continue; //已经出现的，就不处理了.
        track = tk;

        emps += tk.EmpNo + ",";

        if (tk.IsPass == 1) {
            info += "<ol><font color=blue><b>" + tk.DeptName + " " + tk.EmpName + "</b></font> " + tk.RDT.substring(5, 16) + "</ol>";
        }
        else {
            info += "<ol>" + tk.DeptName + " " + tk.EmpName + "</ol>";
        }
    }
    info += "</ul>";
    if(track != null && track != undefined) {
        if (track.FK_Node == gwf.FK_Node)
            info = GenerIcon("DotGreen", step, info, false, track.NodeName);
        else
            info = GenerIcon("DotBlue", step, info, false, track.NodeName);
    }
   

    return "<td style='text-align:center;vertical-align:top;'>" + info + "</td>";

}


//生成单个节点的样式风格.
function GenerSingerNode(tracks, nodeID, gwf) {

    for (var i = 0; i < tracks.length; i++) {

        var tk = tracks[i];
        if (tk.FK_Node != nodeID)
            continue;

        var doc = "";
        doc += "<br>" + tk.EmpName;
        doc += "<br>" + tk.RDT.substring(0, 16);

        step = i + 1;

        var info = "";
        if (tk.FK_Node == gwf.FK_Node)
            info = GenerIcon("DotGreen", step, doc, false, tk.NodeName);
        else
            info = GenerIcon("DotBlue", step, doc, false, tk.NodeName);
        StarStepNum = step;
        return "<td style='text-align:center;vertical-align:top;'>" + info + "</td>";
    }
}

function GenerIcon(icon, step, docs, isEndNode, nodeName) {

    var url = basePath + "/WF/WorkOpt/OneWork/Img/" + icon + "-" + step + ".png";


    var barUrlLeft = "";
    var barUrlRight = "";

    if (icon == 'DotGreen') {
        barUrlRight = "<img src='" + basePath + "/WF/WorkOpt/OneWork/Img/BarGreen.png' style='width:100%;margin-right:0px;margin-left:0px;padding-left:0px;padding-right:0px;' />";
        barUrlLeft = "<img src='" + basePath + "/WF/WorkOpt/OneWork/Img/BarGreen.png' style='width:100%;margin-right:0px;margin-left:0px;padding-left:0px;padding-right:0px;' />";
    }

    if (icon == "DotBlue") {

        barUrlRight = "<img src='" + basePath + "/WF/WorkOpt/OneWork/Img/BarGreen.png' style='width:100%;margin-right:0px;margin-left:0px;padding-left:0px;padding-right:0px;' />";
        barUrlLeft = "<img src='" + basePath + "/WF/WorkOpt/OneWork/Img/BarGreen.png' style='width:100%;margin-right:0px;margin-left:0px;padding-left:0px;padding-right:0px;' />";
    }

    if (icon == 'DotEnd') {
        barUrlRight = "<img src='" + basePath + "/WF/WorkOpt/OneWork/Img/BarGiay.png' style='width:100%;margin-right:0px;margin-left:0px;padding-left:0px;padding-right:0px;' />";
        barUrlLeft = "<img src='" + basePath + "/WF/WorkOpt/OneWork/Img/BarGiay.png' style='width:100%;margin-right:0px;margin-left:0px;padding-left:0px;padding-right:0px;' />";
    }

    if (isEndNode == true)
        barUrlRight = "";

    var html = "";
    html += "<table style='height:100px;width: 100%; table-layout: fixed;border:none;margin:0px; padding:0px;'>";
    html += "<tr>";
    html += "<td style='border:none;margin:0px; padding:0px;width:40%;text-align:center;vertical-align:top;background-image: url('" + url + "'); background-repeat: no-repeat; background-attachment: fixed; background-position: center center'><table style='border:none;'><tr><td style='border:none;'><img src='" + url + "' style='width:18px;'/></td></tr><tr><td style='border:none;'><nobr>" + nodeName + "</nobr></td></tr><tr><td style='border:none;'>" + barUrlRight + "</td></tr><tr><td style='border:none;'>" + docs + "</td></tr></table></td>";
    html += "<tr>";
    html += "</table>";

    return html;
}

function GenerStart() {
    var str = "<div><img src='" + basePath + "/WF/WorkOpt/OneWork/Img/DotGreen1.png' /></div>";
}

//根据当前节点获得下一个节点.
function GetNextNodeID(nodeID, dirs) {
    var toNodeID = 0;
    for (var i = 0; i < dirs.length; i++) {
        var dir = dirs[i];
        if (dir.Node == nodeID) {
            toNodeID = dir.ToNode;
            break;
        }
    }

    var toNodeID2 = 0;
    for (var i = 0; i < dirs.length; i++) {
        var dir = dirs[i];
        if (dir.Node == nodeID) {
            toNodeID2 = dir.ToNode;
        }
    }

    //两次去的不一致，就有分支，有分支就reutrn 0 .
    if (toNodeID2 == toNodeID)
        return toNodeID;

    return 0;
}

function GetNextNodeIDExpSpecNode_del(nodeID, specToNode, dirs) {

    for (var i = 0; i < dirs.length; i++) {
        var dir = dirs[i];
        if (dir.Node == currNode) {

            if (dir.ToNode == specToNode)
                return 0;
        }
    }
    return 0;
}