layui.use(['table'], function () {
    var TaskId = $.getUrlVar("TaskId");
    var table = layui.table;
    setTimeout(function () {
        //系统列表
        var tableIns = table.render({
            elem: '#RecordList',
            url: '../../ashx/OaAttendanceRecordHandler.ashx',
            where: { Action: 'AttendanceRecordListByTaskID', TaskID: TaskId },
            cellMinWidth: 95,
            height: "full-125",
            id: "TaskListTable",
            cols: [[
                { field: 'USERS_NAME', title: '考勤人员', minWidth: 60, align: "center", rowspan: 2 },
                { title: '上班', align: "center", colspan: 4 },
                { title: '下班', align: "center", colspan: 4 }
            ], [
                { field: 'UP_REPORT_TIME', title: '打卡时间', minWidth: 60, align: "center" },
                {
                    field: 'UP_STATE', title: '状态', minWidth: 60, align: "center", templet: function (d) {
                        if (d.UP_STATE == "0") {
                            return ' <span class="layui-badge layui-bg-gray">未打卡</span>';
                        } else if (d.UP_STATE == "1") {
                            return ' <span class="layui-badge layui-bg-green">正常打卡</span>';
                        } else if (d.UP_STATE == "2") {
                            return ' <span class="layui-badge layui-bg-orange">迟到打卡</span>';
                        } else if (d.UP_STATE == "3") {
                            return ' <span class="layui-badge layui-bg-blue">外勤打卡</span>';
                        } else {
                            return ' ';
                        }
                    }
                },
                {
                    field: 'UP_PHOTO', title: '照片', minWidth: 60, align: "center", templet: function (d) {
                        if (d.UP_PHOTO == null && d.UP_PHOTO == "") {
                            return ' <img src="' + d.UP_PHOTO + '" style="width: 160px;height: 80px;"/>';
                        } else {
                            return ' ';
                        }
                    }
                },
                { field: 'UP_REMARKS', title: '备注', minWidth: 60, align: "center" },
                { field: 'DOWN_REPORT_TIME', title: '打卡时间', minWidth: 60, align: "center" },
                {
                    field: 'DOWN_STATE', title: '状态', minWidth: 60, align: "center", templet: function (d) {
                        if (d.DOWN_STATE == "0") {
                            return ' <span class="layui-badge layui-bg-gray">未打卡</span>';
                        } else if (d.DOWN_STATE == "1") {
                            return ' <span class="layui-badge layui-bg-green">正常打卡</span>';
                        } else if (d.DOWN_STATE == "2") {
                            return ' <span class="layui-badge layui-bg-orange">迟到打卡</span>';
                        } else if (d.DOWN_STATE == "3") {
                            return ' <span class="layui-badge layui-bg-blue">外勤打卡</span>';
                        } else {
                            return ' ';
                        }
                    }
                },
                {
                    field: 'DOWN_PHOTO', title: '照片', minWidth: 60, align: "center", templet: function (d) {
                        if (d.DOWN_PHOTO == null && d.DOWN_PHOTO == "") {
                            return ' <img src="' + d.DOWN_PHOTO + '" style="width: 160px;height: 80px;"/>';
                        } else {
                            return ' ';
                        }
                    }
                },
                { field: 'DOWN_REMARKS', title: '备注', minWidth: 60, align: "center" },
            ]]
        });
    }, 1000);
})