feat(v1.6): 键盘 3×4、格子计数排版、时钟修复、已完成折叠、静态资源破缓存

1) 触摸小键盘
- 改为 3 列 × 4 行，底行 ⌫ / 0 / ✓（数字 1-9 按 123/456/789 排列）
- 自定义按键样式：52px 高、圆角、按下位移反馈，确认键为主题绿，不再使用原生按钮外观

2) 日历格子
- 「待完成 / 总数」改为 34px 粗体、主题绿、靠左、垂直居中；左侧打手色竖条保留
- 仍不显示排单缩略信息

3) 抽屉时钟
- 修复不显示：根因是浏览器缓存了旧的 app.js（静态资源 max-age=300）
- 所有 CSS/JS 链接改为 /static/app.css?v=<版本号>，升级后自动取新文件
- 字号放大到 30px、水平垂直居中、24 小时制精确到秒，日期小字放在下方

4) 已完成排单折叠
- 当日清单里已完成/已跳过的单子折叠成一行：尾号 + 姓名 + 套餐 + 状态
- 点这一行展开，显示剩余、打手、撤销打卡与⋯菜单（加急/追加）；未完成的行不变
- 折叠箭头改为 CSS 三角，展开/收起有过渡动画

5) 背景
- 管理端背景横线彻底移除（已用浏览器截图确认），大屏网格背景保留

验证：
- 无头 Chrome 实拍暗色/亮色两套日历页（shots/v16-dark.png、shots/v16-light.png）
- 界面断言 14 项全部通过；原有 119 项验收回归全绿；go vet / go test ./... 通过
- 版本号 1.6.0

README.md

@@ -136,17 +136,19 @@
   - 同一尾号有多个客户，或一个客户今天有多个服务：弹出勾选面板，默认全选，可多选后一次完成。
 - **加急**：每条任务右侧点「加急」，会加红色 `加急` 标签并排到最前；日历格子出现红点，大屏「今日待打」同步置顶。再点一次取消。
 - **按套餐分日历**：套餐编辑页勾选「在日历中独立显示」后，工作台与大屏顶部会出现套餐标签（全部 / 每日任务 / …），可以只看某类委托的排单。
-- **触摸小键盘**：日历右侧输入框下面有 3×4 数字键盘（1-9、0、⌫、✓），点 ✓ 直接提交，适合触摸屏/收银机；
+- **触摸小键盘**：日历右侧输入框下面有 3 列 4 行数字键盘，底行是 ⌫ / 0 / ✓，点 ✓ 直接提交；按键为自定义样式，不是浏览器原生按钮，触摸目标 52px 高；
 - **日历格子**：不再显示排单缩略信息，只保留左侧打手色竖条 + 大字「待完成 / 总数」（如 1/2 = 还剩 1 单，共 2 单）；
 - **按钮收纳**：任务行只露出「完成」，跳过 / 加急 / 追加收进「⋯」菜单，点空白处自动收起；
 - **停用客户**：客户详情页可「停用」（默认从列表、日历、大屏隐藏，订阅保留）或「彻底删除」（连订阅/打卡/追加记录一起删，需二次确认）；列表右上角可切换到「显示已停用」再恢复；
 - **7 天内到期**：顶栏新增徽标，固定统计未来 7 天内到期的订阅；
-- **抽屉时钟**：右侧当日面板顶部有时钟，精确到秒；
+- **抽屉时钟**：右侧当日面板顶部有时钟，30px 大写、水平垂直居中，24 小时制精确到秒，下面一行是当天日期；
+- **已完成折叠**：当日清单里已完成/已跳过的单子自动折叠成一行（尾号 + 姓名 + 套餐 + 状态），点这一行展开看剩余、打手，以及撤销/加急/追加；未完成的行不受影响；
 - **打手颜色**：`设置 → 管理员` 里给每个管理员选一个颜色。客户详情或编辑页可以把客户指派给某个打手，之后这个客户的所有单子都用该颜色标识：
   - 日历格左侧竖条 = 当天涉及的所有打手颜色（几种人几条，等分显示）；
   - 「当日待完成」每条前面有打手色条 + 名字，未指派的显示灰色「未指派」；
   - 大屏的今日待打、悬停浮层、热力格竖条同样带颜色。
 - **主题**：顶栏右上角 ☾ / ☀ 切换亮 / 暗，偏好记在浏览器里；不选时跟随系统。
+- **升级不缓存旧界面**：CSS/JS 链接带版本号（`app.css?v=1.6.0`），换新版程序后浏览器会自动取新文件，不用手动清缓存。
 
 ---
 

internal/web/static/app.css

@@ -975,3 +975,72 @@ fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
   height: 30px; border-color: transparent; background: transparent;
 }
 .more-menu .btn:hover { background: var(--accent-soft); border-color: transparent; }
+
+
+/* ---------- v1.6 精修 ---------- */
+
+/* 小键盘：3 列 4 行，底行 ⌫ 0 ✓ */
+.keypad { grid-template-columns: repeat(3, 1fr); gap: 8px; }
+.keypad .key {
+  height: 52px;
+  font-size: 20px; font-weight: 600;
+  border-radius: 10px;
+  background: var(--surface);
+  border: 1px solid var(--line);
+  box-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent);
+  transition: background .12s ease, transform .06s ease;
+}
+.keypad .key:hover { border-color: var(--accent); color: var(--accent); }
+.keypad .key:active { transform: translateY(1px); background: var(--accent-soft); }
+.keypad .key-fn { font-size: 17px; color: var(--ink-2); background: var(--surface-2); }
+.keypad .key-ok {
+  font-size: 22px;
+  background: var(--accent); border-color: var(--accent); color: var(--paper);
+  box-shadow: 0 2px 8px color-mix(in srgb, var(--accent) 35%, transparent);
+}
+.keypad .key-ok:hover { background: var(--accent-ink); border-color: var(--accent-ink); color: var(--paper); }
+
+/* 格子计数：靠左、垂直居中、主题绿 */
+.cell-count {
+  justify-content: flex-start; align-items: center;
+  gap: 5px; padding: 0 0 0 1px;
+}
+.cell-count b {
+  font-size: 34px; font-weight: 800; line-height: 1;
+  color: var(--accent); letter-spacing: -0.02em;
+}
+.cell-count span { font-size: 15px; color: var(--muted); }
+
+/* 抽屉时钟：放大、水平垂直居中 */
+.drawer-clock {
+  flex-direction: column; align-items: center; justify-content: center;
+  gap: 2px; padding: 14px 14px 10px;
+}
+.drawer-clock b { font-size: 30px; font-weight: 700; letter-spacing: 0.08em; }
+.drawer-clock span { font-size: 11px; letter-spacing: 0.14em; }
+.drawer-head { top: 76px; }
+
+/* 已完成：每条折叠成一行 */
+.task.task-done { padding: 6px 0; }
+.done-fold > summary {
+  display: flex; align-items: center; gap: 6px;
+  list-style: none; cursor: pointer; padding: 1px 0;
+  min-width: 0;
+}
+.done-fold > summary::-webkit-details-marker { display: none; }
+.done-fold > summary .pkg { font-size: 11px; color: var(--muted); }
+.done-fold > summary .fold-caret {
+  margin-left: auto;
+  width: 0; height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 6px solid var(--muted);
+  transition: transform 0.15s ease;
+}
+.done-fold > summary:hover .fold-caret { border-top-color: var(--accent); }
+.done-fold > summary:hover .pkg { color: var(--ink-2); }
+.done-fold[open] > summary .fold-caret { transform: rotate(180deg); }
+.done-detail {
+  margin: 6px 0 2px; padding-left: 9px;
+  border-left: 1px dashed var(--line);
+}

internal/web/templates/_layout.html

@@ -5,7 +5,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>{{.Title}} · 代打台</title>
 <link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
-<link rel="stylesheet" href="/static/app.css">
+<link rel="stylesheet" href="/static/app.css?v={{.Version}}">
 </head>
 <body>
 {{if .User}}
@@ -44,6 +44,6 @@
 {{if .Error}}<div class="flash flash-error">{{.Error}}</div>{{end}}
 <main{{if .User}} class="with-top"{{end}}>{{template "content" .}}</main>
 {{if .User}}<footer class="foot">代打台 v{{.Version}} · <a href="/logs">操作日志</a> · <a href="/settings">设置</a> · <a href="/screen" target="_blank" rel="noopener">大屏</a></footer>{{end}}
-<script src="/static/app.js" defer></script>
+<script src="/static/app.js?v={{.Version}}" defer></script>
 </body>
 </html>{{end}}

internal/web/templates/_screen_layout.html

@@ -6,10 +6,10 @@
 <meta http-equiv="refresh" content="{{.D.Refresh}}">
 <title>{{.Title}} · 代打台</title>
 <link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
-<link rel="stylesheet" href="/static/screen.css">
+<link rel="stylesheet" href="/static/screen.css?v={{.D.Version}}">
 </head>
 <body class="screen-body">
 {{template "content" .}}
-<script src="/static/screen.js" defer></script>
+<script src="/static/screen.js?v={{.D.Version}}" defer></script>
 </body>
 </html>{{end}}

internal/web/templates/pages/calendar.html

@@ -63,7 +63,10 @@
     </div>
 
     <aside class="drawer">
-      <div class="drawer-clock"><b data-clock>--:--:--</b><span>{{.D.TodayStr}}</span></div>
+      <div class="drawer-clock">
+        <b data-clock>--:--:--</b>
+        <span>{{.D.TodayStr}}</span>
+      </div>
       <header class="drawer-head">
         <h2>{{.D.SelectedLabel}}</h2>
         <div class="drawer-tags">
@@ -83,19 +86,19 @@
           <button class="btn btn-sm btn-primary" type="submit">完成</button>
         </form>
         <p class="muted small quick-hint">唯一匹配直接完成；同尾号多人 / 一单多服务会列出让你勾选。</p>
-        <div class="keypad" data-keypad aria-label="数字小键盘">
+        <div class="keypad" data-keypad role="group" aria-label="数字小键盘">
-          <button type="button" data-key="1">1</button>
+          <button type="button" class="key" data-key="1">1</button>
-          <button type="button" data-key="2">2</button>
+          <button type="button" class="key" data-key="2">2</button>
-          <button type="button" data-key="3">3</button>
+          <button type="button" class="key" data-key="3">3</button>
-          <button type="button" data-key="4">4</button>
+          <button type="button" class="key" data-key="4">4</button>
-          <button type="button" data-key="5">5</button>
+          <button type="button" class="key" data-key="5">5</button>
-          <button type="button" data-key="6">6</button>
+          <button type="button" class="key" data-key="6">6</button>
-          <button type="button" data-key="7">7</button>
+          <button type="button" class="key" data-key="7">7</button>
-          <button type="button" data-key="8">8</button>
+          <button type="button" class="key" data-key="8">8</button>
-          <button type="button" data-key="9">9</button>
+          <button type="button" class="key" data-key="9">9</button>
-          <button type="button" data-key="0">0</button>
+          <button type="button" class="key key-fn" data-key="back" aria-label="退格">⌫</button>
-          <button type="button" data-key="back" class="key-back" aria-label="退格">⌫</button>
+          <button type="button" class="key" data-key="0">0</button>
-          <button type="button" data-key="ok" class="key-ok" aria-label="确认完成">✓</button>
+          <button type="button" class="key key-ok" data-key="ok" aria-label="确认完成">✓</button>
         </div>
 
         {{if .D.PickTail}}
@@ -136,7 +139,47 @@
         {{if .D.Tasks}}
         <ul class="task-list">
           {{range .D.Tasks}}
-          <li class="task{{if .Done}} done{{end}}{{if .Skipped}} skipped{{end}}{{if .Urgent}} urgent{{end}}" style="--asg:{{.AssigneeHex}}">
+          {{if or .Done .Skipped}}
+          <li class="task task-done" style="--asg:{{.AssigneeHex}}">
+            <details class="done-fold">
+              <summary>
+                <span class="ticket" style="--tag:{{.PackageColor}}"><b>{{.CustomerTail}}</b>{{.CustomerName}}</span>
+                <span class="pkg">{{.PackageName}}</span>
+                <span class="chip {{if .Done}}chip-active{{else}}chip-paused{{end}}">{{if .Done}}已完成{{else}}已跳过{{end}}</span>
+                {{if .Urgent}}<span class="tag-urgent">加急</span>{{end}}
+                <span class="fold-caret" aria-hidden="true"></span>
+              </summary>
+              <div class="done-detail">
+                <div class="task-meta">
+                  <span class="asg{{if .AssigneeNone}} none{{end}}"><i style="background:{{.AssigneeHex}}"></i>{{.AssigneeLabel}}</span>
+                  <span>{{.RemainText}}</span>
+                  {{if .DueText}}<span class="due due-{{.Eval.Level}}">{{.DueText}}</span>{{end}}
+                </div>
+                {{if .Note}}<div class="task-note">{{.Note}}{{if .Operator}} · {{.Operator}}{{end}}</div>{{end}}
+                <div class="task-actions">
+                  <form method="post" action="/checkins/{{.CheckinID}}/delete">
+                    <input type="hidden" name="back" value="{{$.D.Back}}">
+                    <button class="btn btn-sm btn-ghost" type="submit">撤销打卡</button>
+                  </form>
+                  <details class="more-actions">
+                    <summary class="btn btn-sm btn-ghost" title="更多操作" aria-label="更多操作">⋯</summary>
+                    <div class="more-menu">
+                      <form method="post" action="/tasks/urgent">
+                        <input type="hidden" name="sub_id" value="{{.ID}}">
+                        <input type="hidden" name="date" value="{{$.D.Selected}}">
+                        <input type="hidden" name="urgent" value="{{if .Urgent}}0{{else}}1{{end}}">
+                        <input type="hidden" name="back" value="{{$.D.Back}}">
+                        <button class="btn btn-sm {{if .Urgent}}btn-urgent{{else}}btn-ghost{{end}}" type="submit">{{if .Urgent}}取消加急{{else}}标记加急{{end}}</button>
+                      </form>
+                      <a class="btn btn-sm" href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{$.D.Selected}}&pkg={{$.D.PkgID}}&extend={{.ID}}#extend">追加时长</a>
+                    </div>
+                  </details>
+                </div>
+              </div>
+            </details>
+          </li>
+          {{else}}
+          <li class="task{{if .Urgent}} urgent{{end}}" style="--asg:{{.AssigneeHex}}">
             <div class="task-main">
               <a class="task-title" href="/customers/{{.CustomerID}}">
                 <span class="ticket" style="--tag:{{.PackageColor}}"><b>{{.CustomerTail}}</b>{{.CustomerName}}</span>
@@ -151,32 +194,21 @@
               {{if .Note}}<div class="task-note">{{.Note}}{{if .Operator}} · {{.Operator}}{{end}}</div>{{end}}
             </div>
             <div class="task-actions">
-              {{if or .Done .Skipped}}
-              <span class="chip {{if .Done}}chip-active{{else}}chip-paused{{end}}">{{if .Done}}已完成{{else}}已跳过{{end}}</span>
-              {{else}}
               <form method="post" action="/subscriptions/{{.ID}}/checkin">
                 <input type="hidden" name="date" value="{{$.D.Selected}}">
                 <input type="hidden" name="status" value="done">
                 <input type="hidden" name="back" value="{{$.D.Back}}">
                 <button class="btn btn-sm btn-primary">完成</button>
               </form>
-              {{end}}
               <details class="more-actions">
                 <summary class="btn btn-sm btn-ghost" title="更多操作" aria-label="更多操作">⋯</summary>
                 <div class="more-menu">
-                  {{if or .Done .Skipped}}
-                  <form method="post" action="/checkins/{{.CheckinID}}/delete">
-                    <input type="hidden" name="back" value="{{$.D.Back}}">
-                    <button class="btn btn-sm btn-ghost" type="submit">撤销打卡</button>
-                  </form>
-                  {{else}}
                   <form method="post" action="/subscriptions/{{.ID}}/checkin">
                     <input type="hidden" name="date" value="{{$.D.Selected}}">
                     <input type="hidden" name="status" value="skipped">
                     <input type="hidden" name="back" value="{{$.D.Back}}">
                     <button class="btn btn-sm btn-ghost" type="submit">跳过这次</button>
                   </form>
-                  {{end}}
                   <form method="post" action="/tasks/urgent">
                     <input type="hidden" name="sub_id" value="{{.ID}}">
                     <input type="hidden" name="date" value="{{$.D.Selected}}">
@@ -190,6 +222,7 @@
             </div>
           </li>
           {{end}}
+          {{end}}
         </ul>
         {{else}}<p class="muted">这天没有待打任务。</p>{{end}}
       </section>

main.go

@@ -26,7 +26,7 @@ import (
 	"daili/internal/web"
 )
 
-const version = "1.5.0"
+const version = "1.6.0"
 
 func main() {
 	cfgFlag := flag.String("config", "", "配置文件路径（默认：exe 同级的 "+config.FileName+"）")