61 lines
2.4 KiB
JavaScript
61 lines
2.4 KiB
JavaScript
layui.use(['laypage', 'element', 'jquery', 'dropdown'], function () {
|
|
var laypage = layui.laypage;
|
|
var $ = layui.jquery;
|
|
|
|
function renderTable(page) {
|
|
$.get('/api/get-teacher-attendance-table?page=' + page, function (response) {
|
|
var $tbody = $('#attendanceTable tbody');
|
|
$tbody.empty(); // 清空表格内容
|
|
|
|
response.data.forEach(function (item) {
|
|
var $row = $('<tr></tr>');
|
|
$row.append(`<td>${item.course_id}</td>`);
|
|
$row.append(`<td>${item.course_name}</td>`);
|
|
$row.append(`<td>${item.class_name}</td>`);
|
|
$row.append(`<td>${item.major}</td>`);
|
|
$row.append(`<td><div class="layui-btn-container">
|
|
<button type="button" class="layui-btn btn-sign-in"
|
|
data-course-id="${item.course_id}"
|
|
data-course-name="${item.course_name}"
|
|
data-class-name = "${item.class_name}"
|
|
data-major-id = "${item.major_id}"
|
|
>签到</button>
|
|
</div>
|
|
</td>`)
|
|
$tbody.append($row);
|
|
});
|
|
|
|
laypage.render({
|
|
elem: 'pagination',
|
|
count: response.count,
|
|
limit: 10,
|
|
curr: page,
|
|
jump: function (obj, first) {
|
|
if (!first) {
|
|
renderTable(obj.curr);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
// 为动态生成的按钮添加点击事件
|
|
$(document).on('click', '.btn-sign-in', function () {
|
|
var courseId = $(this).data('course-id'); // 获取课程ID
|
|
var courseName = $(this).data('course-name'); // 获取课程名
|
|
var className = $(this).data('class-name'); // 获取课程名
|
|
var majorId = $(this).data('major-id'); // 获取课程名
|
|
// console.log(courseId,courseName,className,majorId)
|
|
// 向后端发送POST请求
|
|
$.post('/api/teacher-sign-in', {
|
|
course_id: courseId,
|
|
course_name: courseName,
|
|
class_name: className,
|
|
major_id:majorId
|
|
}, function (response) {
|
|
layer.msg(response.msg);
|
|
});
|
|
});
|
|
renderTable(1); // 初始加载第一页
|
|
});
|