zcdsj
/
zcbot
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ui(dev SPA): 对话顶栏按钮改名"导出对话记录" + 语义化上色(完成绿/导出蓝/废弃橙/删除红) 

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
caoqianming 2026-05-19 15:48:46 +08:00
parent e7f9b005bd
commit 48924d0d56
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/static/dev.html
View File

@ -98,6 +98,16 @@
} }
.pane-head .label { font-weight: 600; font-size: 13px; white-space: nowrap; flex-shrink: 0; } .pane-head .label { font-weight: 600; font-size: 13px; white-space: nowrap; flex-shrink: 0; }
.pane-head .spacer { flex: 1; } .pane-head .spacer { flex: 1; }
/* 对话顶栏按钮:语义化常态上色 — 完成 绿/导出 蓝/废弃 橙/删除 红 */
#btn-done { color: #27ae60; border-color: #a9dfbf; }
#btn-export { color: #2980b9; border-color: #aed6f1; }
#btn-abandon { color: #e67e22; border-color: #f5cba7; }
#btn-delete-task { color: #c0392b; border-color: #f5b7b1; }
#btn-done:hover:not(:disabled) { background: #e9f7ef; }
#btn-export:hover:not(:disabled) { background: #ebf5fb; }
#btn-abandon:hover:not(:disabled) { background: #fef5e7; }
#btn-delete-task:hover:not(:disabled) { background: #fdedec; }
#pane-mid > .pane-head > button.small:disabled { opacity: 0.4; cursor: not-allowed; }
/* ───── floating dropdown menu ───── */ /* ───── floating dropdown menu ───── */
/* 单例:position: fixed 逃出 pane overflow 裁剪;右上角触发,向下展开 */ /* 单例:position: fixed 逃出 pane overflow 裁剪;右上角触发,向下展开 */
@ -428,7 +438,7 @@
<div class="pane-head"> <div class="pane-head">
<span class="label">对话</span> <span class="label">对话</span>
<span class="spacer"></span> <span class="spacer"></span>
<button id="btn-export" class="small" disabled>导出 docx</button> <button id="btn-export" class="small" disabled>导出对话记录</button>
<button id="btn-done" class="small" disabled>完成</button> <button id="btn-done" class="small" disabled>完成</button>
<button id="btn-abandon" class="small danger" disabled>废弃</button> <button id="btn-abandon" class="small danger" disabled>废弃</button>
<button id="btn-delete-task" class="small danger" disabled title="硬删除:清 DB 行 + messages,FS 文件不动">删除</button> <button id="btn-delete-task" class="small danger" disabled title="硬删除:清 DB 行 + messages,FS 文件不动">删除</button>
@ -846,7 +856,7 @@ function taskMenuItems(t) {
onclick: () => setTaskStatus(t.task_id, "completed", t.name || "(未命名)") }, onclick: () => setTaskStatus(t.task_id, "completed", t.name || "(未命名)") },
{ act: "abandon", label: "废弃", cls: "act-abandon", disabled: !isActive, { act: "abandon", label: "废弃", cls: "act-abandon", disabled: !isActive,
onclick: () => setTaskStatus(t.task_id, "abandoned", t.name || "(未命名)") }, onclick: () => setTaskStatus(t.task_id, "abandoned", t.name || "(未命名)") },
{ act: "export", label: "导出 docx", cls: "act-export", disabled: !hasMsg, { act: "export", label: "导出对话记录", cls: "act-export", disabled: !hasMsg,
onclick: () => exportTask(t.task_id) }, onclick: () => exportTask(t.task_id) },
{ act: "delete", label: "删除", cls: "act-delete", { act: "delete", label: "删除", cls: "act-delete",
onclick: () => deleteTask(t.task_id, t.name || "(未命名)", t.n_messages || 0) }, onclick: () => deleteTask(t.task_id, t.name || "(未命名)", t.n_messages || 0) },