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;
            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);
            }
            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 += "<img src='../../Attachment/Person/hik/2021/4/20211022104405.png' style='height: 90%;width: 15%;position: absolute;left: 50%;top: 0;padding: 0 0;'>";
                if (obj.PHOTO !="") {
                    li += "<img src='../../" + obj.PHOTO + "' style='height: 90%;width: 20%;position: absolute;left: 50%;top: 0;padding: 0 0;'>";
                }
                
                li += "</div></li>";
                $("#stepMsg").append(li);
            })
        }
    });
}, 1000);