feat(v1.5): 触摸键盘、格子大字计数、客户停用/删除、按钮收纳、7 天徽标、抽屉时钟
build / build-and-test (push) Successful in 3m19s

1) 工作台速录
- 手机尾号输入框下方新增 3×4 触摸小键盘(1-9、0、⌫、✓),点 ✓ 直接提交;实体键盘仍可输入
- 抽屉顶部新增秒级时钟(HH:MM:SS),位于日期标题上方

2) 日历格子
- 移除排单缩略信息(客户名/套餐色签/“x/y 单”小字)
- 保留左侧打手颜色竖条,中间改为大字「待完成 / 总数」,例如 1/2 = 还剩 1 单、共 2 单
- 大屏格子按此前约定保持原样

3) 客户停用 / 恢复 / 彻底删除
- customers 新增 archived 列(0/1);停用后默认从客户列表、日历、待办、大屏、到期提醒、徽标中隐藏,订阅与打卡记录原样保留
- 恢复后立即回到日历;列表右上角可切换「显示已停用」,已停用行带标记
- 彻底删除为二次确认操作,依赖外键级联清理订阅、打卡、暂停、追加记录与加急标记
- 停用/恢复/删除都会写入操作日志

4) 按钮收纳
- 任务行只露出「完成」,跳过 / 加急(取消加急)/ 追加收进「⋯」菜单;已完成行只露「撤销打卡」等,点空白处自动收起
- 加急、跳过等原有能力不变,仅入口折叠

5) 顶栏
- 在「今日到期」「3 天内到期」右侧新增「7 天内到期」徽标,固定统计未来 7 天

6) 视觉
- 移除管理端背景的横线装饰,改为纯底色;大屏网格背景保留

数据库兼容性:
- 只新增 customers.archived 一列,老库启动时自动 ALTER,可重复迁移;原有表结构与接口不变

测试:
- 新增单测 TestCustomerArchiveFilters:停用后日历/到期/徽标/搜索/列表全部过滤、恢复回日历、彻底删除级联清理订阅与打卡
- 功能验证 20 项(键盘、格子计数、折叠菜单、7 天徽标、时钟、停用/恢复/删除、背景)全部通过
- 原有 119 项验收回归全绿;go vet / go test ./... 通过;版本号 1.5.0
This commit is contained in:
subtrack
2026-10-19 02:12:25 +08:00
parent 95fa4fd6fd
commit 1f7d0f0cc4
16 changed files with 447 additions and 72 deletions
+79 -3
View File
@@ -83,9 +83,7 @@
html, body { margin: 0; padding: 0; }
body {
background:
linear-gradient(var(--line-2) 1px, transparent 1px) 0 0 / 100% 32px,
var(--paper);
background: var(--paper);
color: var(--ink);
font-family: var(--sans);
font-size: 14px;
@@ -899,3 +897,81 @@ fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.asg { font-size: 10px; }
.assign-form { margin-left: 0; }
}
/* ---------- 日历格子:大字待完成/总数 ---------- */
.cal-cell { justify-content: flex-start; }
.cell-count {
flex: 1 1 auto;
display: flex; align-items: baseline; justify-content: center; gap: 4px;
padding-top: 4px;
font-family: var(--mono);
color: var(--muted);
}
.cell-count b { font-size: 26px; line-height: 1; font-weight: 700; color: var(--ink); }
.cell-count span { font-size: 12px; color: var(--muted); }
.cell-count b:first-child { color: var(--accent); }
.cal-cell.today .cell-count b { color: var(--accent-ink); }
.cal-cell.out .cell-count b { color: var(--muted); }
/* ---------- 抽屉时钟 ---------- */
.drawer-clock {
position: sticky; top: 0; z-index: 3;
display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
padding: 10px 14px 6px;
background: var(--surface);
border-bottom: 1px solid var(--line-2);
}
.drawer-clock b {
font-family: var(--mono); font-size: 22px; letter-spacing: 0.06em;
font-variant-numeric: tabular-nums;
}
.drawer-clock span { font-size: 11px; color: var(--muted); font-family: var(--mono); }
.drawer-head { top: 44px; }
/* ---------- 数字小键盘 ---------- */
.keypad {
display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px;
margin: 8px 0 12px;
}
.keypad button {
height: 44px;
border: 1px solid var(--line); border-radius: var(--radius);
background: var(--surface); color: var(--ink);
font-family: var(--mono); font-size: 17px; font-weight: 600;
cursor: pointer; user-select: none;
-webkit-tap-highlight-color: transparent;
}
.keypad button:hover { border-color: var(--accent); }
.keypad button:active { background: var(--accent-soft); }
.keypad .key-back { color: var(--ink-2); font-size: 15px; }
.keypad .key-ok { background: var(--accent); border-color: var(--accent); color: var(--paper); }
.keypad .key-ok:hover { background: var(--accent-ink); border-color: var(--accent-ink); }
/* ---------- 任务行“更多”菜单 ---------- */
.more-actions { position: relative; }
.more-actions > summary {
list-style: none; cursor: pointer;
width: 28px; padding: 0; justify-content: center;
font-size: 16px; line-height: 1;
}
.more-actions > summary::-webkit-details-marker { display: none; }
.more-actions[open] > summary { background: var(--accent-soft); border-color: var(--accent); }
.more-menu {
position: absolute; right: 0; top: calc(100% + 4px); z-index: 20;
display: flex; flex-direction: column; gap: 2px;
min-width: 124px; padding: 5px;
background: var(--surface);
border: 1px solid var(--line);
border-radius: var(--radius);
box-shadow: var(--shadow);
}
.more-menu .btn {
justify-content: flex-start; width: 100%;
height: 30px; border-color: transparent; background: transparent;
}
.more-menu .btn:hover { background: var(--accent-soft); border-color: transparent; }