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:
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user