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

static/app.js

@@ -170,7 +170,6 @@ window.createSales = (event) => createResource(event, "sales");
 window.createProposal = (event) => createResource(event, "proposals");
 window.createOperation = (event) => createResource(event, "operations");
 window.createProduct = (event) => createResource(event, "products");
-window.createTask = (event, projectId) => createTask(event, projectId);
 
 async function createTask(event, projectId) {
   event.preventDefault();
@@ -241,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();

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;
+  display: flex; align-items: center; gap: 16px;
-  padding: 8px 14px; border-top: 1px solid #24272d;
+  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;