v1.3.9 — 任务面板加宽到1000px + 横向表格布局 + 空分组自动隐藏

v1.3.8 — 任务行始终渲染负责人和日期 + 加emoji图标 + 提亮颜色
v1.3.7 — 加宽任务面板到800px + 显示任务说明+负责人+截止时间
2026-06-16 10:28:48 +08:00 · 2026-06-16 10:26:13 +08:00 · 2026-06-16 10:04:34 +08:00 · 2026-06-16 09:44:40 +08:00 · 2026-06-16 09:42:07 +08:00
2 changed files with 11 additions and 5 deletions
--- a/static/app.js
+++ b/static/app.js
@@ -240,7 +240,8 @@ function showTaskModal(projectId) {
    </form>
    ${phases.map((phase) => {
    const pt = tasks.filter((t) => t.phase === phase);
-    return `<div class="task-group"><div class="task-group-hd"><span class="task-group-icon"><i data-lucide="layers"></i></span><span class="task-group-label">${phase}</span><span class="task-group-n">${pt.length}</span></div><div class="task-group-list">${pt.length ? pt.map((t) => `<div class="task-row" data-id="${t.id}"><span class="task-dot"><i data-lucide="${t.status === 'done' ? 'check-circle' : 'circle'}"></i></span><span class="task-name">${t.task}</span></div>`).join("") : `<div class="task-none">暂无任务</div>`}</div></div>`;
+    if (!pt.length) return "";
+    return `<div class="task-group"><div class="task-group-hd"><span class="task-group-icon"><i data-lucide="layers"></i></span><span class="task-group-label">${phase}</span><span class="task-group-n">${pt.length}</span></div><div class="task-group-list">${pt.map((t) => `<div class="task-row" data-id="${t.id}"><span class="task-dot"><i data-lucide="${t.status === 'done' ? 'check-circle' : 'circle'}"></i></span><div class="task-main"><span class="task-name">${t.task}</span>${t.notes ? `<span class="task-desc">${t.notes}</span>` : ""}</div><span class="task-col">${t.owner || ""}</span><span class="task-col-badge">${t.due_date || ""}</span></div>`).join("")}</div></div>`;
  }).join("")}</div></div></div>`;
  document.querySelector("#taskModal").classList.add("active");
  if (window.lucide) window.lucide.createIcons();
--- a/static/styles.css
+++ b/static/styles.css
@@ -499,7 +499,7 @@ td {
  padding-top: 48px; overflow-y: auto;
 }
 .task-panel {
-  background: #18191c; border-radius: 12px; width: 600px; max-width: 92vw;
+  background: #18191c; border-radius: 12px; width: 1000px; max-width: 96vw;
  box-shadow: 0 24px 80px rgba(0,0,0,0.4); margin-bottom: 48px;
 }
 .task-header {
@@ -529,11 +529,16 @@ td {
 }
 .task-group-list { display: flex; flex-direction: column; }
 .task-row {
-  display: flex; align-items: center; gap: 10px;
-  padding: 8px 14px; border-top: 1px solid #24272d;
+  display: flex; align-items: center; gap: 16px;
+  padding: 10px 16px; border-top: 1px solid #24272d;
 }
-.task-dot { display: flex; color: #4b4d54; }
+.task-row:hover { background: #1a1c21; }
+.task-dot { display: flex; color: #4b4d54; flex-shrink: 0; }
+.task-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
 .task-name { color: #c5c6ca; font-size: 13px; }
+.task-desc { color: #5a5c63; font-size: 12px; }
+.task-col { color: #898b94; font-size: 12px; white-space: nowrap; width: 100px; text-align: right; }
+.task-col-badge { color: #898b94; font-size: 12px; white-space: nowrap; width: 80px; text-align: right; }
 .task-none { color: #4b4d54; font-size: 13px; padding: 12px 14px; text-align: center; border-top: 1px solid #24272d; }
 .task-form {
  background: #141518; border: 1px solid #2a2d34; border-radius: 8px;
Author	SHA1	Message	Date
mac	853344fb26	v1.3.9 — 任务面板加宽到1000px + 横向表格布局 + 空分组自动隐藏	2026-06-16 10:28:48 +08:00
mac	386f780d00	v1.3.8 — 任务行始终渲染负责人和日期 + 加emoji图标 + 提亮颜色	2026-06-16 10:26:13 +08:00
mac	dd0c7d615f	v1.3.7 — 加宽任务面板到800px + 显示任务说明+负责人+截止时间	2026-06-16 10:04:34 +08:00
mac	289529dc73	v1.3.6 — 合并负责人与截止时间到同一标签显示	2026-06-16 09:44:40 +08:00
mac	19dcbdbb51	v1.3.5 — 任务行增加负责人和截止时间显示	2026-06-16 09:42:07 +08:00