var TaskId = $.getUrlVar("TaskId");

setTimeout(function () {
    $.ajax({
        type: "post",
        url: "../../ashx/OaRollcallTaskHandler.ashx",
        data: { Action: "getRollcall", taskId: TaskId },
        dataType: "json",
        success: function (res) {
            var TaskData = res.TaskData;

            console.log("-------------");
            console.log(res);
            if (TaskData.length > 0) {
                $("#ISSUENAME").val(TaskData[0].ISSUENAME);
                $("#REPORT_TIME").val(TaskData[0].REPORT_TIME);
                $("#USERS_NAME").val(TaskData[0].USERS_NAME);
                $("#ORG_NAME").val(TaskData[0].ORG_NAME);
                $("#REMARKS").html(TaskData[0].REMARKS);
                switch (TaskData[0].TIME_TYPE + "") {
                    case "1":
                        $("#TIME_TYPE").val("早晨");
                        break;
                    case "2":
                        $("#TIME_TYPE").val("上午");
                        break;
                    case "3":
                        $("#TIME_TYPE").val("中午");
                        break;
                    case "4":
                        $("#TIME_TYPE").val("下午");
                        break;
                    case "5":
                        $("#TIME_TYPE").val("晚上");
                        break;
                    default:
                        $("#TIME_TYPE").val("未知");
                        break;
                }
            }
            var RecordData = res.RecordData;
            RecordData.forEach(function (obj, index, arr) {
                var color = "", state = "";
                var li = "<li class='layui-timeline-item'>";
                if (obj.STATE == 0) {
                    li += "<i class='layui-icon layui-icon-circle' style='color:black'></i>";
                    color = "black";
                    state = "未打卡"
                } else if (obj.STATE == 1) {
                    li += "<i class='layui-icon layui-icon-ok-circle' style='color:blue;font-size:30px'></i>";
                    color = "green";
                    state = "已打卡";
                };
                li += "<div class='layui-timeline-content layui-text'>";
                li += "<h4 class='layui-timeline-title' style='font-size: 16px;'><span style='color:" + color + "'>【" + state + "】</span></h4>";
                li += "<p>打卡人：" + obj.USERS_NAME + "</p>";
                /*li += "<p>单位：" + obj.ORG_NAME + "</p>";*/
                if (obj.STATE == 0) {

                } else if (obj.STATE == 1) {
                    li += "<p>上报时间：" + obj.REPORT_TIME + "</p>";
                    li += "<p>坐标点：" + obj.LOCATION + "</p>";
                    /*li += "<p>上报位置：" + obj.REMARKS + "</p>";*/
                }
                li += "</div></li>";
                $("#stepMsg").append(li);
            })
        }
    });
}, 1000);