chun_qiu
bc5076ee41
- 触控小键盘补回 3×4 网格样式：上一版重写 CSS 时漏掉了 .keypad/.key， 按钮退化成行内小方块；现在恢复 46px 圆角键、⌫/✓ 功能键和「触控」开关态。 - 通行证（原「包赛季」）：整段有效期在独立日历上按套餐色连续着色（18% 透明度）， 每一格显示同一个「已完成 / 总单数」（0/1 或 1/1）；完成后色块保留并显示 1/1。 沿用 season_done 记录完成日期，交互动线不变。 - 新增深渊模式：套餐设置周期天数 N 与周期数 X；开通时从开始日排出 X 个 N 天周期， 结束日 = 开始日 + N×X − 1。周期内任意一天完成即算该周期完成；同一周期重复完成 不重复计数；撤销该周期最后一条完成打卡会回退计数。独立日历连续着色，每格显示 同一个「已完成周期 / 总周期数」。 - 全量把「包赛季」改名为「通行证」；套餐表单新增通行证 / 深渊选项，深渊显示 N/X 字段； 客户开通表单、套餐批量开通、订阅列表、客户订阅卡片、日历待办行同步适配， 通行证 / 深渊不再显示「追加时长」（提交也会被服务端拒绝）。 - 快速完成 / 批量完成对通行证改为整段完成，对深渊走周期打卡，不再错误地按日写打卡。 - 配色改为淡蓝 / 暗蓝：亮色用暗蓝主色 + 淡蓝纸底，暗色用海军蓝底 + 淡蓝强调； 默认套餐色改为 #3B6EA5；大屏同步蓝调并修正热力图例与今日数字的对比度。 - 大屏页签排除通行证 / 深渊（它们不计每日热力，避免点开是空日历）；「今日待打」 仍会列出待处理的通行证 / 深渊。 - 数据迁移：packages.abyss / packages.cycle_days / subscriptions.abyss / subscriptions.cycle_days，老库启动自动补列。 - 修复手机端整段色块把 7 列日历撑出屏幕：日历改成 minmax(0,1fr)，小屏色块缩小。 - 版本号 1.10.0 → 1.11.0。 验证：gofmt / go vet / go test 全绿；亮暗两套、1440 与 390 两档截图走查； 通行证 0/1 → 1/1、深渊 1/4 → 2/4、同周期重复完成不重复计数、撤销回退均实测通过。
77 lines
3.5 KiB
HTML
77 lines
3.5 KiB
HTML
{{define "content"}}
|
|
<div class="page">
|
|
<header class="page-head">
|
|
<div>
|
|
<h1>订阅</h1>
|
|
<p>共 {{.D.Total}} 条 · 剩余时长各自独立计算</p>
|
|
</div>
|
|
</header>
|
|
|
|
<nav class="tabs" aria-label="订阅状态">
|
|
<a href="/subscriptions?state=active" class="{{if eq .D.State "active"}}on{{end}}">进行中</a>
|
|
<a href="/subscriptions?state=due7" class="{{if eq .D.State "due7"}}on{{end}}">7 天内到期</a>
|
|
<a href="/subscriptions?state=due_today" class="{{if eq .D.State "due_today"}}on{{end}}">今天到期</a>
|
|
<a href="/subscriptions?state=expired" class="{{if eq .D.State "expired"}}on{{end}}">已到期</a>
|
|
<a href="/subscriptions?state=paused" class="{{if eq .D.State "paused"}}on{{end}}">暂停中</a>
|
|
<a href="/subscriptions?state=closed" class="{{if eq .D.State "closed"}}on{{end}}">已结束</a>
|
|
<a href="/subscriptions?state=all" class="{{if eq .D.State "all"}}on{{end}}">全部</a>
|
|
</nav>
|
|
|
|
<form class="filterbar" method="get" action="/subscriptions">
|
|
<input type="hidden" name="state" value="{{.D.State}}">
|
|
<input type="search" name="q" value="{{.D.Q}}" placeholder="尾号 / 姓名 / 套餐" autocomplete="off" aria-label="搜索订阅">
|
|
<select name="package_id" aria-label="按套餐筛选">
|
|
<option value="0">全部套餐</option>
|
|
{{range .D.Packages}}
|
|
<option value="{{.ID}}"{{if eq $.D.PackageID .ID}} selected{{end}}>{{.Name}}</option>
|
|
{{end}}
|
|
</select>
|
|
<button class="btn btn-soft" type="submit">筛选</button>
|
|
</form>
|
|
|
|
{{if .D.List}}
|
|
<div class="table-wrap">
|
|
<table class="table table-subs">
|
|
<thead>
|
|
<tr><th scope="col">客户</th><th scope="col">套餐</th><th scope="col">状态</th><th scope="col">剩余</th><th scope="col">时间</th><th scope="col">操作</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
{{range .D.List}}
|
|
<tr>
|
|
<td>
|
|
<a class="tail" href="/customers/{{.CustomerID}}">{{.CustomerTail}}</a>
|
|
<a class="name" href="/customers/{{.CustomerID}}">{{.CustomerName}}</a>
|
|
</td>
|
|
<td><span class="dot" style="background:{{.PackageColor}}"></span>{{.PackageName}}
|
|
<span class="muted small">{{.UnitLabel}}</span></td>
|
|
<td>{{template "state-chip" .}}</td>
|
|
<td class="mono">{{.RemainText}}{{if .DueText}}<div class="due due-{{.Eval.Level}} small">{{.DueText}}</div>{{end}}</td>
|
|
<td class="mono small">{{.PeriodText}}</td>
|
|
<td class="actions-cell">
|
|
{{if ne .Status "closed"}}
|
|
{{if not (or .Season .Abyss)}}<a class="btn btn-soft btn-sm" href="/customers/{{.CustomerID}}?extend={{.ID}}#extend">追加</a>{{end}}
|
|
{{if eq .Status "active"}}
|
|
<form method="post" action="/subscriptions/{{.ID}}/pause"><button class="btn btn-ghost btn-sm">暂停</button></form>
|
|
{{else if eq .Status "paused"}}
|
|
<form method="post" action="/subscriptions/{{.ID}}/resume"><button class="btn btn-soft btn-sm">恢复</button></form>
|
|
{{end}}
|
|
{{else}}
|
|
<form method="post" action="/subscriptions/{{.ID}}/reopen"><button class="btn btn-soft btn-sm">重新启用</button></form>
|
|
{{end}}
|
|
</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{{template "pager" .D.Pager}}
|
|
{{else}}
|
|
<div class="empty">
|
|
<div class="empty-mark">票</div>
|
|
<p>这个筛选下没有订阅。</p>
|
|
<a class="btn btn-soft" href="/subscriptions?state=all">看全部</a>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
{{end}}
|