diff --git a/FrontEnd/renderTable.js b/FrontEnd/renderTable.js
new file mode 100644
index 0000000..8a0ff48
--- /dev/null
+++ b/FrontEnd/renderTable.js
@@ -0,0 +1,83 @@
+document.getElementById('getAssignment').addEventListener('click', function () {
+ dateInput = document.getElementById('calendar').value;
+
+ if (!dateInput) {
+ dateInput = getToday()
+ }
+
+ const url = `/api/getAssignment?date=${dateInput}`;
+
+ fetch(url)
+ .then(response => {
+ if (!response.ok) {
+ throw new Error('网络响应失败');
+ }
+ return response.json();
+ })
+ .then(data => {
+ const responseDiv = document.getElementById('response');
+ responseDiv.innerHTML = ''; // 清除旧内容
+
+ const table = document.createElement('table');
+
+ data.forEach(subArray => {
+ const row = document.createElement('tr');
+
+ subArray.forEach(item => {
+ const cell = document.createElement('td');
+ cell.textContent = item.Name || item.ID;
+
+ // 优先判断 Access 条件
+ if (item.Access < 5) {
+ cell.classList.add('cell_Moderator');
+ } else if (item.Note === 1) {
+ cell.classList.add('cell_SwitchOrRepay');
+ } else if (item.Note === 2) {
+ cell.classList.add('cell_Volunteering');
+ }
+
+ row.appendChild(cell);
+ });
+
+ table.appendChild(row);
+ });
+ const title =`${dateInput}网维值班表
`
+ const titleContainer = document.createElement('div');
+ titleContainer.innerHTML = title
+ responseDiv.appendChild(titleContainer)
+ // 插入表格
+ responseDiv.appendChild(table);
+
+ // 添加图例说明
+ const legendHTML = `
+ 片区负责人
+ 管理层
+ 换班/补班
+ 蹭班
+ `;
+ const legendContainer = document.createElement('div');
+ legendContainer.innerHTML = legendHTML;
+ responseDiv.appendChild(legendContainer);
+ })
+ .catch(error => {
+ console.error('请求失败:', error);
+ document.getElementById('response').innerHTML = '获取任务失败，请重试。';
+ });
+});
+
+function getToday() {
+ const today = new Date();
+
+ const year = today.getFullYear();
+ const month = String(today.getMonth() + 1).padStart(2, '0'); // 月份从0开始，需要+1
+ const day = String(today.getDate()).padStart(2, '0');
+
+ return `${year}-${month}-${day}`;
+}
+
+
+
+
+
+
+
diff --git a/FrontEnd/testAssignment.html b/FrontEnd/testAssignment.html
new file mode 100644
index 0000000..66c7616
--- /dev/null
+++ b/FrontEnd/testAssignment.html
@@ -0,0 +1,128 @@
+
+
+
+
+
+ 值班表生成
+
+
+
+
+
+
选择日期
+
如果不选择的日期的话，则自动获取今天的值班表
+
+
+
+