function InitPage() {

    var isMobile = GetQueryString('IsMobile');
    if (isMobile == null || isMobile == undefined || isMobile == "")
        isMobile = 0;

    var mypks = GetQueryString('MyPKs');

    var handler = new HttpHandler("BP.WF.HttpHandler.WF_WorkOpt_OneWork");
    handler.AddUrlData();
    var data = handler.DoMethodReturnString("TimeSubThread_Init");
    if (data.indexOf('err@') == 0) {
        alert(data);
        return;
    }

    if (data == "[]")
        return;

    data = eval('(' + data + ')');

    //日志列表.
    var tracks = data["Track"];

    //工作列表.
    var timeDay = "";
    var checkStr = "";
    var dotColor = -1;
    var idx = 1;

    //获得流程引擎注册表信息.
    //var gwf = data["WF_GenerWorkFlow"][0];

    //审核组件信息.
    var fwc = data["FrmWorkCheck"][0];

    //获得工作人员列表.
    //var gwls = data["WF_GenerWorkerlist"];

    //前进的 track. 用于获取当前节点的上一个节点的track.
    var trackDotOfForward = null;

    var webUser = new WebUser();

    //是否有审核组件?
    var isHaveCheck = false;
    for (var i = 0; i < tracks.length; i++) {

        var track = tracks[i];

        // 记录审核节点。
        if (track.ActionType == ActionType.WorkCheck) {
            isHaveCheck = true;
            break;
        }
    }

    //输出列表. zhoupeng 2017-12-19 修改算法，所有的审核动作都依靠发送来显示.
   
    for (var i = 0; i < tracks.length; i++) {

        var track = tracks[i];
        if (track.FID == 0) {
            continue;
        }
        var at = track.ActionType;
        if (track.ActionType == ActionType.FlowBBS)
            continue;
        if (track.ActionType == ActionType.WorkCheck)
            continue;

      
        //时间轴.
        var timeBase = "";
        var img = ActionTypeStr(track.ActionType);
        img = "<img src='" + img + "' width='10px;' class='ImgOfAC' alt='" + track.ActionTypeText + "'  />";

        //是否显示审批意见？
        var isShowCheckMsg = true;
        if (fwc.FWCMsgShow == "1" && track.NDFrom == GetQueryString("FK_Node") && webUser.No != track.EmpTo) {
            continue;
            //isShowCheckMsg = false;
        }

        //内容.
        var doc = "";
        doc += img + track.NDFromT + " - " + track.ActionTypeText;
       

        
        if (at == ActionType.Return) {
            doc += "<p><span>退回到:</span><font color=green>" + track.NDToT + "</font><span>退回给:</span><font color=green>" + track.EmpToT + "</font></p>";
            doc += "<p><span>退回意见如下</span>  </p>";
        }

        var isHaveCheck = false;
        if (at == ActionType.Forward || at == ActionType.FlowOver) {
            doc += "<p><span>到达节点:</span><font color=green>" + track.NDToT + "</font><span>到达人员:</span><font color=green>" + track.EmpToT + "</font> </p>";

            //判断是否隐藏
            if (Hide_IsOpenFrm == true) {
                doc += "<p><span><a href=\"javascript:OpenFrm('" + workid + "','" + track.NDFrom + "','" + fk_flow + "','" + fid+"','" + track.NDFrom + "')\">查看表单</a></span></p>";
            }

            //说明审核组件采用的是2019版本
            if (track.Msg != null && track.Msg != undefined && track.Msg.indexOf("WorkCheck@") != -1) {
                var val = track.Msg.split("WorkCheck@");
                if (val.length == 2) {
                    track.Msg = val[1];
                    isHaveCheck = true;
                    doc += "<p><span>审批意见：</span><font color=green>" + track.Msg + "</font> </p>";
                }
            } else {
                //查找关联的审核意见
                //找到该节点，该人员的审核track, 如果没有，就输出Msg, 可能是焦点字段。
                for (var myIdx = 0; myIdx < tracks.length; myIdx++) {
                    var checkTrack = tracks[myIdx];
                    if (checkTrack.NDFrom == track.NDFrom && checkTrack.ActionType == ActionType.WorkCheck && checkTrack.EmpFrom == track.EmpFrom) {
                        isHaveCheck = true;
                        doc += "<p><span>审批意见：</span><font color=green>" + checkTrack.Msg + "</font> </p>";
                        break;
                    }
                }
            }
            
                
           
        }

        //协作发送.
        if (at == ActionType.TeampUp) {

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

                var checkTrack = tracks[myIdx];
                if (checkTrack.NDFrom == track.NDFrom && checkTrack.ActionType == ActionType.WorkCheck && checkTrack.EmpFrom == track.EmpFrom) {
                    var val = track.Msg.replace('null', '').split("WorkCheck@");
                    if (val.length == 2)
                        track.Msg = val[1];
                    doc += "<p><span>会签意见：</span><font color=green>" + track.Msg.replace('null', '') + "</font> </p>";
                }
            }
        }

        //输出备注信息.
        var tag = track.Tag;
        if (tag != null)
            tag = tag.replace("~", "'");

        var msg = track.Msg;
        if (msg.indexOf("WorkCheck@") != -1) {
            var val = track.Msg.replace('null', '').split("WorkCheck@");
            if (val.length == 2)
                msg = val[1];
        }
        if (msg == "0")
            msg = "";

        if (msg != "" && isHaveCheck==false) {

            while (msg.indexOf('\t\n') >= 0) {
                msg = msg.replace('\t\n', '<br>');
            }

            msg = msg.replace('null', '');

            if (msg == "" || msg == undefined)
                msg = "无";

            doc += "<p>";
            doc += "<font color=green><br>" + msg + "</font><br>";
            doc += "</p>";
        }

        //输出row
        var newRow = "";
        newRow = "<tr  title='" + track.ActionTypeText + "' >";
        newRow += "<td class='TDTime' >" + GenerLeftIcon(track) + "</td>";
        newRow += "<td class='TDBase' ></td>";
        newRow += "<td class='TDDoc' >" + doc + "</td>";
        newRow += "</tr>";

        $("#Table1 tr:last").after(newRow);

        idx++;
    }


   /* //增加等待审核的人员, 在所有的人员循环以后.
    if (gwls) {
        var isHaveNoChecker = false;
        var gwl = null;
        for (var i = 0; i < gwls.length; i++) {

            var gwl = gwls[i];
            if (gwl.IsPass == 1)
                continue;

            isHaveNoChecker = true;
        }

        //如果有尚未审核的人员，就输出.
        if (isHaveNoChecker == true) {

            var rowDay = "<tr>";
            rowDay += "<td colspan=3 class=TDDay ><span>等待审批</span><b>" + gwf.NodeName + "</b></td>";
            rowDay += "</tr>";
            $("#Table1 tr:last").after(rowDay);


            for (var i = 0; i < gwls.length; i++) {
                var html = "";

                var gwl = gwls[i];
                if (gwl.IsPass == 1)
                    continue;

                var doc = "";
                doc += "<span>审批人</span>";
                doc += gwl.EmpName;
                //判断是否隐藏
                if (Hide_IsRead == true) {

                    doc += "<br>";
                    doc += "<span>阅读状态:</span>";

                    if (gwl.IsRead == "1")
                        doc += "<span><font color=green>已阅读.</font></span>";
                    else
                        doc += "<span><font color=green>尚未阅读.</font></span>";
                }
                doc += "<br>";
                doc += "<span>工作到达日期:</span>";
                doc += gwl.RDT;

                //到达时间.
                var toTime = gwl.RDT;
                var toTimeDot = toTime.replace(/\-/g, "/");
                toTimeDot = new Date(Date.parse(toTimeDot.replace(/-/g, "/")));

                //当前发生日期.
                timeDot = new Date();


                doc += "<br>";
                doc += "<span>已经耗时:</span>";
                doc += GetSpanTime(toTimeDot, timeDot);

                doc += "<br>";
                doc += "<span>应完成日期:</span>";
                doc += gwl.SDT;


                //应该完成日期.
                toTime = gwl.SDT;
                toTimeDot = toTime.replace(/\-/g, "/");
                toTimeDot = new Date(Date.parse(toTimeDot.replace(/-/g, "/")));

                //当前发生日期.
                timeDot = new Date();

                var timeLeft = GetSpanTime(timeDot, toTimeDot);

                if (timeLeft != 'NaN秒') {
                    doc += "<br>";
                    doc += "<span>还剩余:</span>";
                    doc += timeLeft;
                }

                var left = "";
                left += "<br><img src='../../../DataUser/UserIcon/" + gwl.FK_Emp + ".png'  onerror=\"src='../../../DataUser/UserIcon/Default.png'\" style='width:60px;' />";
                left += "<br>" + gwl.EmpName;

                var newRow = "";
                newRow = "<tr  title='等待审批人员' >";
                newRow += "<td class='TDTime' >" + left + "</td>";
                newRow += "<td class='TDBase' ></td>";
                newRow += "<td class='TDDoc' >" + doc + "</td>";
                newRow += "</tr>";

                $("#Table1 tr:last").after(newRow);
            }
        }
    }*/

    //调整大小.
    if (window.screen) {
        var w = screen.availWidth;
        var h = screen.availHeight;
        window.moveTo(0, 0);
        window.resizeTo(w, h);
    }
}

function OpenFrm(nodeID) {

}

//生成左边的icon.
function GenerLeftIcon(track) {
    //左边的日期点.
    var left = "<center>";
    left = track.RDT.substring(5, 16);
    left = left.replace('-', '月');
    left = left.replace(' ', '日');
    left = left.replace(':', '时');

    left = left + "分";
    left += "<br><img src='../../../DataUser/UserIcon/" + track.EmpFrom + ".png'  onerror=\"src='../../../DataUser/UserIcon/Default.png'\" style='width:60px;' />";
    left += "<br>" + track.EmpFromT + "&nbsp;&nbsp;&nbsp;";
    left += "</center>";
    return left;
}

function GetSpanTime(date1, date2) {
    ///<summary>计算date2-date1的时间差，返回使用“x天x小时x分x秒”形式的字符串表示</summary>
    var date3 = date2.getTime() - date1.getTime();  //时间差秒
    if (date1.getTime() > date2.getTime())
        date3 = date1.getTime() - date2.getTime();

    var str = '';
    //计算出相差天数
    var days = Math.floor(date3 / (24 * 3600 * 1000));
    if (days > 0) {
        str += days + '天';
    }

    //计算出小时数
    var leave1 = date3 % (24 * 3600 * 1000);   //计算天数后剩余的毫秒数
    var hours = Math.floor(leave1 / (3600 * 1000));
    if (hours > 0) {
        str += hours + '小时';
    }

    //计算相差分钟数
    var leave2 = leave1 % (3600 * 1000);         //计算小时数后剩余的毫秒数
    var minutes = Math.floor(leave2 / (60 * 1000));
    if (minutes > 0) {
        str += minutes + '分';
    }


    var leave3 = leave2 % (60 * 1000);
    var seconds = Math.floor(leave3 / 1000);
    if (seconds > 0)
        str += seconds + '秒';
    if (date1.getTime() > date2.getTime())
        return "-" + str;
    return str;

    if (seconds == NaN)
        return date1 + "," + date2;
    return str;


    return str;
}

/**Begin - Form Controls ***************/
var ActionType = {
    /// <summary>
    /// 发起
    /// </summary>
    Start: 0,
    /// <summary>
    /// 前进(发送)
    /// </summary>
    Forward: 1,
    /// <summary>
    /// 退回
    /// </summary>
    Return: 2,
    /// <summary>
    /// 退回并原路返回.
    /// </summary>
    ReturnAndBackWay: 201,
    /// <summary>
    /// 移交
    /// </summary>
    Shift: 3,
    /// <summary>
    /// 撤消移交
    /// </summary>
    UnShift: 4,
    /// <summary>
    /// 撤消发送
    /// </summary>
    UnSend: 5,
    /// <summary>
    /// 分流前进
    /// </summary>
    ForwardFL: 6,
    /// <summary>
    /// 合流前进
    /// </summary>
    ForwardHL: 7,
    /// <summary>
    /// 流程正常结束
    /// </summary>
    FlowOver: 8,
    /// <summary>
    /// 调用起子流程
    /// </summary>
    CallChildenFlow: 9,
    /// <summary>
    /// 启动子流程
    /// </summary>
    StartChildenFlow: 10,
    /// <summary>
    /// 子线程前进
    /// </summary>
    SubFlowForward: 11,
    /// <summary>
    /// 取回
    /// </summary>
    Tackback: 12,
    /// <summary>
    /// 恢复已完成的流程
    /// </summary>
    RebackOverFlow: 13,
    /// <summary>
    /// 强制终止流程 For lijian:2012-10-24.
    /// </summary>
    FlowOverByCoercion: 14,
    /// <summary>
    /// 挂起
    /// </summary>
    HungUp: 15,
    /// <summary>
    /// 取消挂起
    /// </summary>
    UnHungUp: 16,
    /// <summary>
    /// 强制移交
    /// </summary>
    ShiftByCoercion: 17,
    /// <summary>
    /// 催办
    /// </summary>
    Press: 18,
    /// <summary>
    /// 逻辑删除流程(撤销流程)
    /// </summary>
    DeleteFlowByFlag: 19,
    /// <summary>
    /// 恢复删除流程(撤销流程)
    /// </summary>
    UnDeleteFlowByFlag: 20,
    /// <summary>
    /// 抄送
    /// </summary>
    CC: 21,
    /// <summary>
    /// 工作审核(日志)
    /// </summary>
    WorkCheck: 22,
    /// <summary>
    /// 删除子线程
    /// </summary>
    DeleteSubThread: 23,
    /// <summary>
    /// 请求加签
    /// </summary>
    AskforHelp: 24,
    /// <summary>
    /// 加签向下发送
    /// </summary>
    ForwardAskfor: 25,
    /// <summary>
    /// 自动条转的方式向下发送
    /// </summary>
    Skip: 26,
    /// <summary>
    /// 队列发送
    /// </summary>
    Order: 27,
    /// <summary>
    /// 协作发送
    /// </summary>
    TeampUp: 28,
    /// <summary>
    /// 流程评论
    /// </summary>
    FlowBBS: 29,
    /// <summary>
    /// 信息
    /// </summary>
    Info: 100
};

function ActionTypeStr(at) {

    switch (at) {
        case ActionType.Start:
            return "../../Img/Action/Start.png";
        case ActionType.Forward:
            return "../../Img/Action/Forward.png";
        case ActionType.Return:
            return "../../Img/Action/Return.png";
        case ActionType.ReturnAndBackWay:
            return "../../Img/Action/ReturnAndBackWay.png";
        case ActionType.Shift:
            return "../../Img/Action/Shift.png";
        case ActionType.UnShift:
            return "../../Img/Action/UnShift.png";
        case ActionType.UnSend:
            return "../../Img/Action/UnSend.png";
        case ActionType.ForwardFL:
            return "../../Img/Action/ForwardFL.png";
        case ActionType.ForwardHL:
            return "../../Img/Action/ForwardHL.png";
        case ActionType.CallChildenFlow:
            return "../../Img/Action/CallChildenFlow.png";
        case ActionType.StartChildenFlow:
            return "../../Img/Action/StartChildenFlow.png";
        case ActionType.SubFlowForward:
            return "../../Img/Action/SubFlowForward.png";
        case ActionType.RebackOverFlow:
            return "../../Img/Action/RebackOverFlow.png";
        case ActionType.FlowOverByCoercion:
            return "../../Img/Action/FlowOverByCoercion.png";
        case ActionType.HungUp:
            return "../../Img/Action/HungUp.png";
        case ActionType.UnHungUp:
            return "../../Img/Action/UnHungUp.png";
        case ActionType.ShiftByCoercion:
            return "../../Img/Action/ShiftByCoercion.png";
        case ActionType.Press:
            return "../../Img/Action/Press.png";
        case ActionType.DeleteFlowByFlag:
            return "../../Img/Action/DeleteFlowByFlag.png";
        case ActionType.UnDeleteFlowByFlag:
            return "../../Img/Action/UnDeleteFlowByFlag.png";
        case ActionType.CC:
            return "../../Img/Action/CC.png";
        case ActionType.WorkCheck:
            return "../../Img/Action/WorkCheck.png";
        case ActionType.AskforHelp:
            return "../../Img/Action/AskforHelp.png";
        case ActionType.Skip:
            return "../../Img/Action/Skip.png";
        case ActionType.Order:
            return "../../Img/Action/Order.png";
        case ActionType.TeampUp:
            return "../../Img/Action/TeampUp.png";
        case ActionType.FlowBBS:
            return "../../Img/Action/FlowBBS.png";
        case ActionType.Info:
            return "../../Img/Action/Info.png";
        default:
            return "../../Img/dot.png";
    }
}