feat(v1.7): 计数改已完成/总数、客户月历、套餐标签合并、批量开通、触控模式、按次到期

1) 日历计数口径 - 工作台与大屏的格子统一改为「已完成 / 总数」（如 2/5 = 共 5 单、做完 2 单） 2) 客户详情·当月排单 - 新增客户专属月历：每天显示已完成/总数，可翻月，点某天跳转到日历对应日期 - 没有排单的日期淡化显示 3) 套餐标签与页签合并 - packages 新增 tag 列（可空），套餐编辑页可填 - 日历/大屏页签按标签合并：同标签套餐合成一个页签；勾了「独立显示」的套餐额外再开一个自己的页签 - 大屏同样支持标签筛选，链接参数为 tag=xxx 4) 批量开通 - 新增套餐详情页 /packages/{id}：显示套餐信息 + 客户列表 - 表头「全选」置顶，已订阅该套餐的客户置灰不可选；开始日期默认今天、天数/次数默认取套餐设置，均可改 - POST /packages/{id}/subscribe 批量开通，重复的自动跳过并汇总提示 - 修复 r.PostForm 未 ParseForm 导致拿不到勾选项的问题（批量打卡同源问题一并修正） 5) 触控 / PC 模式 - 尾号输入框右侧新增切换按钮，触控模式展开 3×4 键盘、输入框只读 + inputmode=none（不唤起系统输入法），按键直接写值 - 偏好记在 localStorage，默认 PC 模式（键盘收起） 6) 按次到期 - 按次订阅的到期日保持选填；填了到期后状态显示「已到期」且不再进日历待排（复用既有 end_date，无新列）数据库兼容性： - 只新增 packages.tag 一列，老库启动时自动 ALTER，可重复迁移；原有表结构与接口不变测试： - 无头 Chrome 实拍 5 张页面（日历/触控模式/客户月历/套餐批量/大屏） - 功能验证 18 项全过（计数口径、标签页签、标签筛选、批量开通与重复跳过、月历翻月、触控开关、按次过期不上日历） - 119 项验收回归全绿；go vet / go test ./... 通过；版本号 1.7.0
2026-10-19 16:23:01 +08:00
parent fb771bc013
commit a2542e1135
19 changed files with 723 additions and 103 deletions
@@ -2,10 +2,10 @@
 <div class="cal-page">
  <header class="cal-head">
    <div class="cal-title">
-      <a class="btn btn-ghost btn-square" href="/calendar?y={{.D.PrevY}}&m={{.D.PrevM}}&pkg={{.D.PkgID}}" aria-label="上个月">‹</a>
+      <a class="btn btn-ghost btn-square" href="/calendar?y={{.D.PrevY}}&m={{.D.PrevM}}&{{.D.FilterQuery}}" aria-label="上个月">‹</a>
      <h1>{{.D.Title}}</h1>
-      <a class="btn btn-ghost btn-square" href="/calendar?y={{.D.NextY}}&m={{.D.NextM}}&pkg={{.D.PkgID}}" aria-label="下个月">›</a>
-      <a class="btn btn-sm" href="/calendar?pkg={{.D.PkgID}}">回到今天</a>
+      <a class="btn btn-ghost btn-square" href="/calendar?y={{.D.NextY}}&m={{.D.NextM}}&{{.D.FilterQuery}}" aria-label="下个月">›</a>
+      <a class="btn btn-sm" href="/calendar?{{.D.FilterQuery}}">回到今天</a>
    </div>
    <div class="cal-stats">
      <span><em>{{.D.MonthDue}}</em>本月到期</span>
@@ -19,8 +19,7 @@
  {{if .D.HasTabs}}
  <nav class="pkg-tabs">
    {{range .D.Tabs}}
-    <a class="{{if eq .ID $.D.PkgID}}on{{end}}" style="--tab:{{.Color}}"
-       href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{$.D.Selected}}&pkg={{.ID}}">
+    <a class="{{if .Active}}on{{end}}" style="--tab:{{.Color}}" href="{{.Href}}">
      <i></i>{{.Name}}{{if gt .Count 0}}<em>{{.Count}}</em>{{end}}
    </a>
    {{end}}
@@ -42,7 +41,7 @@
      <div class="cal-week" role="row">
        {{range .}}
        <a class="cal-cell heat-{{.Heat}}{{if not .InMonth}} out{{end}}{{if .IsToday}} today{{end}}{{if .IsSelected}} sel{{end}}{{if .IsWeekend}} weekend{{end}}{{if .DueCount}} has-due{{end}}"
-           href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{.Date}}&pkg={{$.D.PkgID}}" role="gridcell">
+           href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{.Date}}&{{$.D.FilterQuery}}" role="gridcell">
          {{if .Strip}}<span class="asg-strip" aria-hidden="true">{{range .Strip}}<i style="background:{{.}}"></i>{{end}}</span>{{end}}
          <div class="cell-top">
            <span class="dnum">{{.Day}}</span>
@@ -53,7 +52,7 @@
          </div>
          {{if .TaskCount}}
          <div class="cell-count">
-            <b>{{.PendingCount}}</b><span>/ {{.TaskCount}}</span>
+            <b>{{.DoneCount}}</b><span>/ {{.TaskCount}}</span>
          </div>
          {{end}}
        </a>
@@ -81,12 +80,14 @@
        <form class="quick-form" method="post" action="/checkins/quick">
          <input type="hidden" name="date" value="{{.D.Selected}}">
          <input type="hidden" name="pkg" value="{{.D.PkgID}}">
+          <input type="hidden" name="tag" value="{{.D.Tag}}">
          <input type="hidden" name="back" value="{{.D.Back}}">
          <input type="text" name="tail" placeholder="输入手机尾号，回车即可完成" maxlength="8" autocomplete="off" inputmode="numeric" aria-label="手机尾号快速完成">
          <button class="btn btn-sm btn-primary" type="submit">完成</button>
+          <button type="button" class="btn btn-sm btn-ghost keypad-toggle" data-keypad-toggle title="切换触控/PC 模式" aria-label="切换触控/PC 模式">⌨</button>
        </form>
        <p class="muted small quick-hint">唯一匹配直接完成；同尾号多人 / 一单多服务会列出让你勾选。</p>
-        <div class="keypad" data-keypad role="group" aria-label="数字小键盘">
+        <div class="keypad" data-keypad role="group" aria-label="数字小键盘" hidden>
          <button type="button" class="key" data-key="1">1</button>
          <button type="button" class="key" data-key="2">2</button>
          <button type="button" class="key" data-key="3">3</button>
@@ -171,7 +172,7 @@
                        <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>
+                      <a class="btn btn-sm" href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{$.D.Selected}}&{{$.D.FilterQuery}}&extend={{.ID}}#extend">追加时长</a>
                    </div>
                  </details>
                </div>
@@ -216,7 +217,7 @@
                    <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>
+                  <a class="btn btn-sm" href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{$.D.Selected}}&{{$.D.FilterQuery}}&extend={{.ID}}#extend">追加时长</a>
                </div>
              </details>
            </div>
@@ -240,7 +241,7 @@
              <span class="pkg">{{.PackageName}}</span>
              <span class="rem">{{.RemainShort}}</span>
            </a>
-            <a class="btn btn-sm" href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{$.D.Selected}}&pkg={{$.D.PkgID}}&extend={{.ID}}#extend">追加</a>
+            <a class="btn btn-sm" href="/calendar?y={{$.D.Year}}&m={{$.D.Month}}&d={{$.D.Selected}}&{{$.D.FilterQuery}}&extend={{.ID}}#extend">追加</a>
          </li>
          {{end}}
        </ul>