feat(v1.11.5-L): lite 精简版——移除大屏/客户自查/多用户/小键盘,套餐仅保留按日

需求与确认(用户逐项确认):
- 老数据「按次 / 通行证 / 深渊」统一迁移成按日,代码里彻底删除三种模式
- 打手归属一并移除(只剩一个人,颜色与指派没有区分意义)
- 盲水印做成完全不可见:只存在于 DOM / 源码,肉眼与截图都看不到
- 拼写采用更正后的 Powered by Baka春秋
- 版本号与品牌全站统一带 -L
- screen_public / portal_public 保留解析但不起作用,保证旧 ini 能直接启动
- README 同步更新

品牌与版本(全站统一):
- const version = "1.11.5-L":<title>、启动横幅、日志前缀 [代打台-L]、
  设置页版本号、页脚版本号全部带 -L
- 左上角导航品牌 代打台 → 代打台-L(登录页、初始化页同步)
- 页脚新增可见署名 Powered by Baka春秋

盲水印:
- _layout.html 在 <body> 起始处注入 .wm-blind 容器(含注释与 data-wm 双标记),
  覆盖包括登录/初始化在内的所有页面
- app.css 用零尺寸 + 透明 + opacity:0 + clip-path:inset(50%) 四重隐藏,
  同时留同名注释;不占位、不上色、不进无障碍树、不影响打印

功能移除:
- 大屏:删除 handlers_screen.go、pages/screen.html、_screen_layout.html、
  static/screen.css、static/screen.js、store.Stats/ScreenStats;
  导航「大屏 ↗」、页脚「大屏」、设置页「大屏刷新/大屏」行、启动横幅大屏行一并删除
- 客户自查:删除 handlers_portal.go、pages/portal.html 与 .portal-*/.pcal-* 样式,
  设置页「客户自助」行删除
- 多管理员:删除 handleUserCreate/Toggle/Color/UserEditPage/UserEditSave、
  pages/user_form.html、store 侧 ActiveUsers/SetUserColor/SetUserActive/
  UpdateUserByAdmin/NormalizeColor/AssigneePalette;设置页「管理员」整块移除,
  只保留首次启动创建的那一个账户与「修改我的密码」
- 打手归属:删除 customers.assignee_id 相关读写与 UI(客户详情指派下拉、
  客户表单「归属打手」、日历格左侧打手色竖条、任务卡打手标签、套餐详情客户列)
- 登录页与初始化页的说明文案同步改为单账户口径(「只有一个管理员账户」
  「创建后不能再添加其他管理员」),字数与 main 对齐,卡片不换行、高度不变
- 触摸小键盘:删除 3×4 键盘、⌨/触控开关、localStorage 记忆、.keypad* 样式
- 套餐计费方式:只保留按日。删除按次/通行证/深渊的 Package 与 Subscription 字段、
  domain 里的 UnitCount/StateUsedUp/CycleIndex、package_form 计费方式单选与
  通行证/深渊/有效期字段、日历整段色块(has-block/cell-block/season-band)、
  追加次数分支、SeasonComplete/AddCount、CountActiveSubs 的次数条件

数据库迁移(幂等,Migrate 内自动执行):
- normalizeLegacyData:套餐一律 unit='day' 并清 season/abyss/cycle_days/
  default_validity_days/season_*;订阅清 season/abyss/cycle_days/season_done
- 通行证、深渊当年就是 unit='day' 且起止日完整,仅清标记,服务区间原样保留
- 按次按「1 次 = 1 天」折算:结束日 = 开始日 + 总次数 − 1;仍缺结束日退回开始日
- 只动数据,不删表不删列:老库的 season/abyss/cycle_days/total_count/used_count
  保留但不再使用,升级可逆、不会因为 DDL 失败卡住
- 新库 schema 干净:不再创建上述列,users.color / customers.assignee_id 也不创建
- 老库 ensureColumn 保留 calendar_separate / tag / archived 三项(真增量列)

兼容:
- config 仍解析 screen_public / portal_public(结构体字段注明已废弃),
  默认 ini 模板里改为「已废弃,写了不报错、不生效」

测试:
- go vet ./... 通过;go test ./... 全部通过
  (新增 TestNormalizeLegacyTypeData 验证三模式折算成按日;
   TestSingleUserAccount / TestSessionLifecycle 覆盖单用户与会话;
   删除按次、深渊、打手颜色、多用户等已不存在的能力的用例)
- 新增 scripts/smoke-lite.ps1:起隔离实例,19 个页面级请求全部 200,
  已移除的 /screen、/customer、/api/screen/day 均 404,
  水印/品牌/v1.11.5-L/无残留词 12 项断言通过,
  真实数据下日历出现待打任务、「剩 30 天」、今天到期徽标 4 项断言通过,
  本次 0 失败

README:改为 lite 版说明,删除大屏/客户自查/通行证/深渊/按次/小键盘/多用户章节,
新增「盲水印」与「与 main 分支的差异」两节(含老数据折算规则与列保留说明)。
This commit is contained in:
2026-10-21 03:33:27 +08:00
parent 0392f44cf1
commit cde1c84c9a
45 changed files with 786 additions and 4391 deletions
+23 -200
View File
@@ -201,6 +201,28 @@ a:hover { color: var(--app-accent-strong); text-decoration: underline; text-unde
.app-foot a { color: var(--app-text-3); }
.app-foot a:hover { color: var(--app-accent); }
.app-foot .foot-version { font-family: var(--app-mono); }
.app-foot .foot-by { font-family: var(--app-mono); opacity: 0.85; }
/* ---------- 盲水印(不可见,仅供溯源;勿删) ----------
Powered by Baka春秋
.wm-blind 同时用零尺寸、透明、零透明度和 clip 四重手段确保任何
渲染路径下都不占位、不上色、不进入无障碍树。 */
.wm-blind {
position: absolute !important;
left: -9999px !important;
top: 0 !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
opacity: 0 !important;
color: transparent !important;
font-size: 0 !important;
line-height: 0 !important;
pointer-events: none !important;
user-select: none !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
}
/* ---------- 4. 顶栏 ---------- */
@@ -239,7 +261,6 @@ a:hover { color: var(--app-accent-strong); text-decoration: underline; text-unde
.app-navbar .nav-link.active {
background: var(--app-accent-soft); color: var(--app-accent-ink); font-weight: 600;
}
.app-navbar .nav-link.nav-screen { color: var(--app-accent); }
.nav-search { position: relative; width: 240px; flex: 0 1 auto; margin: 0 0.5rem; }
.nav-search .form-control { height: 32px; padding-right: 30px; }
@@ -575,11 +596,6 @@ fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 6px; vertical-align: 1px; }
.dot.big { width: 12px; height: 12px; margin: 0; }
.asg { display: inline-flex; align-items: center; gap: 4px; font-size: 0.6875rem; color: var(--app-text-2); white-space: nowrap; }
.asg i { width: 8px; height: 8px; border-radius: 2px; display: inline-block; flex: 0 0 auto; }
.asg.none { color: var(--app-text-3); }
.asg.none i { opacity: 0.55; }
/* ---------- 9. 表格 ---------- */
.table-wrap {
@@ -679,15 +695,6 @@ fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
}
.cust-head .page-actions { grid-column: 2; grid-row: 1; justify-content: flex-end; }
.assign-form { display: inline-flex; align-items: center; gap: 6px; }
.assign-form select {
height: 30px; padding: 0 26px 0 8px; max-width: 150px;
border: 1px solid var(--app-border); border-radius: 7px;
background: var(--app-surface); color: var(--app-text);
font: inherit; font-size: 0.75rem;
}
.assign-form select:focus { outline: none; border-color: var(--app-accent); box-shadow: 0 0 0 3px var(--app-ring); }
.subgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.subcard {
@@ -796,26 +803,6 @@ fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.cal-cell.heat-4 { background: color-mix(in srgb, var(--app-accent) 18%, transparent); }
.cal-cell.heat-1:hover, .cal-cell.heat-2:hover, .cal-cell.heat-3:hover, .cal-cell.heat-4:hover { background: var(--app-surface-2); }
/* 通行证 / 深渊:整段连续着色,每格显示同一个「已完成/总数」 */
.cal-cell.has-block {
background: color-mix(in srgb, var(--block) var(--block-pct, 18%), var(--app-surface));
border-color: color-mix(in srgb, var(--block) 24%, var(--app-border));
}
.cal-cell.has-block:hover { background: color-mix(in srgb, var(--block) calc(var(--block-pct, 18%) + 6%), var(--app-surface)); }
.cal-cell.has-block.today .dnum { background: var(--block); color: #fff; }
.cell-block {
display: inline-flex; align-items: center; gap: 4px;
align-self: flex-start;
padding: 1px 7px; border-radius: 999px;
font-family: var(--app-mono); font-size: 0.75rem; font-weight: 700;
color: var(--app-text);
background: color-mix(in srgb, var(--block) 20%, var(--app-surface));
border: 1px solid color-mix(in srgb, var(--block) 48%, transparent);
white-space: nowrap;
}
.cell-block::before { content: ""; width: 6px; height: 6px; border-radius: 2px; background: var(--block); }
.cal-cell > .cell-block:last-child { margin-top: auto; margin-bottom: 2px; }
.cell-top { display: flex; align-items: center; justify-content: space-between; gap: 4px; min-width: 0; }
.cell-badges { display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto; }
.dnum { font-family: var(--app-mono); font-size: 0.8125rem; font-weight: 700; line-height: 1.4; color: var(--app-text); }
@@ -836,22 +823,6 @@ fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.cell-count span { font-size: 0.75rem; color: var(--app-text-3); white-space: nowrap; }
.cal-cell.out .cell-count b { color: var(--app-text-3); }
.asg-strip {
position: absolute; left: 0; top: 0; bottom: 0;
display: flex; flex-direction: column;
width: 4px; overflow: hidden; border-radius: 2px 0 0 2px; z-index: 1;
}
.asg-strip i { display: block; flex: 1 1 0; min-height: 3px; background: var(--app-text-3); }
.asg-strip.sm { width: 3px; }
.season-band {
position: absolute; left: 0; right: 0; bottom: 0;
height: 4px; background: var(--sc, var(--app-accent)); opacity: 0.6;
pointer-events: none;
}
.season-band.start { border-top-left-radius: 3px; border-bottom-left-radius: 3px; left: 3px; }
.season-band.end { border-top-right-radius: 3px; border-bottom-right-radius: 3px; right: 3px; }
.pkg-tabs { display: flex; gap: 6px; margin-bottom: 16px; flex-wrap: wrap; padding-bottom: 10px; border-bottom: 1px solid var(--app-border); }
.pkg-tabs a {
display: inline-flex; align-items: center; gap: 6px;
@@ -926,29 +897,6 @@ fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
}
.quick-hint { margin: 0 0 10px !important; font-size: 0.6875rem; line-height: 1.45; }
/* 触控小键盘:3 列 4 行,底行 ⌫ 0 ✓ */
.keypad { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 10px 0 12px; }
.keypad .key {
height: 46px; padding: 0;
border: 1px solid var(--app-border); border-radius: 10px;
background: var(--app-surface); color: var(--app-text);
font-family: var(--app-mono); font-size: 1.0625rem; font-weight: 600;
cursor: pointer; user-select: none;
transition: background 0.1s ease, border-color 0.1s ease, transform 0.06s ease;
-webkit-tap-highlight-color: transparent;
}
.keypad .key:hover { border-color: var(--app-accent); color: var(--app-accent); }
.keypad .key:active { transform: translateY(1px); background: var(--app-accent-soft); }
.keypad .key-fn { font-size: 0.9375rem; color: var(--app-text-2); background: var(--app-surface-2); }
.keypad .key-ok { background: var(--app-accent-solid); border-color: var(--app-accent-solid); color: #fff; font-size: 1.125rem; }
.keypad .key-ok:hover { background: var(--app-accent-solid-hover); border-color: var(--app-accent-solid-hover); color: #fff; }
.keypad-toggle { min-width: 44px; }
.keypad-toggle.on {
background: var(--app-accent-soft);
border-color: color-mix(in srgb, var(--app-accent) 40%, transparent);
color: var(--app-accent-ink);
}
.picker { margin: 8px 0 12px; padding: 10px; border: 1px solid var(--app-accent); border-radius: var(--app-radius-sm); background: var(--app-surface-2); }
.picker-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.picker-head h4 { font-size: 0.8125rem; }
@@ -970,7 +918,7 @@ fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.task {
display: flex !important; align-items: flex-start; gap: 10px; flex-wrap: nowrap;
padding: 9px 0; border-bottom: 1px dashed var(--app-border);
border-left: 3px solid var(--asg, transparent);
border-left: 3px solid transparent;
padding-left: 8px; margin-left: -3px;
}
.task:last-child { border-bottom: 0; }
@@ -1213,8 +1161,6 @@ fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.cell-load { display: none; }
.cell-count b { font-size: 1rem; }
.cell-count span { font-size: 0.625rem; }
.cell-block { font-size: 0.5625rem; padding: 1px 3px; gap: 2px; }
.cell-block::before { width: 4px; height: 4px; }
.cal-cell { padding-left: 6px; }
.cal-cell.today .dnum { width: 18px; height: 18px; }
.table { min-width: 0; }
@@ -1232,9 +1178,6 @@ fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.table-adjust th:nth-child(5), .table-adjust td:nth-child(5),
.table-adjust th:nth-child(7), .table-adjust td:nth-child(7),
.table-adjust th:nth-child(8), .table-adjust td:nth-child(8) { display: none; }
.table-users th:nth-child(5), .table-users td:nth-child(5),
.table-users th:nth-child(6), .table-users td:nth-child(6),
.table-users th:nth-child(7), .table-users td:nth-child(7) { display: none; }
.table-wrap { -webkit-overflow-scrolling: touch; }
.task { flex-wrap: wrap; }
.task-actions { width: 100%; justify-content: flex-end; margin-left: 0; }
@@ -1258,126 +1201,6 @@ fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
}
/* ---------- 客户自助查询 /customer ---------- */
.portal-wrap { max-width: 980px; margin: 0 auto; padding: 24px 16px 56px; }
.portal-head { margin-bottom: 18px; }
.portal-brand {
display: inline-flex; align-items: center; gap: 8px;
margin-bottom: 12px; color: var(--app-text); text-decoration: none;
font-weight: 700; font-size: .9375rem;
}
.portal-brand:hover { color: var(--app-text); }
.portal-brand .brand-mark { width: 26px; height: 26px; font-size: .8125rem; }
.portal-head h1 { font-size: 1.6rem; font-weight: 800; margin: 0 0 4px; color: var(--app-text); }
.portal-head p { margin: 0; }
.portal-error { margin: 0 0 14px; }
.portal-search {
border: 1px solid var(--app-border); border-radius: var(--app-radius);
background: var(--app-surface); box-shadow: var(--app-shadow-sm);
overflow: hidden;
}
.portal-search-head {
display: flex; align-items: center; gap: 8px;
padding: 13px 16px; cursor: pointer; list-style: none;
font-weight: 600; color: var(--app-text);
}
.portal-search-head::-webkit-details-marker { display: none; }
.portal-search-head::after { content: "▾"; margin-left: auto; color: var(--app-text-3); font-size: .75rem; }
.portal-search[open] .portal-search-head { border-bottom: 1px solid var(--app-border); }
.portal-search[open] .portal-search-head::after { transform: rotate(180deg); }
.portal-form-body { padding: 14px 16px 16px; }
.portal-form-body .form-label { font-size: .8125rem; color: var(--app-text-2); margin-bottom: 5px; }
.portal-client { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px; }
.portal-client-main { min-width: 0; }
.portal-client-name { font-size: 1.5rem; font-weight: 800; margin: 0 0 6px; }
.portal-client-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.portal-client-status { margin-left: auto; }
.portal-client-status .chip { font-size: .8125rem; }
.portal-section-head { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.portal-section-head h2 { font-size: 1rem; font-weight: 700; margin: 0; }
.portal-section-count {
display: inline-flex; align-items: center; justify-content: center;
min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px;
background: var(--app-surface-3); color: var(--app-text-2);
font-size: .75rem; font-weight: 600;
}
.portal-sub-list { margin-top: 2px; }
.portal-sub { padding: 12px 0; border-top: 1px solid var(--app-border); }
.portal-sub:first-child { border-top: 0; }
.portal-sub-main { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.portal-sub-main strong { font-size: .9375rem; }
.portal-sub-meta {
display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px;
margin-top: 4px; font-size: .8125rem; color: var(--app-text-2);
}
.portal-sub-meta .muted { color: var(--app-text-3); }
.portal-ask-names { font-size: .875rem; color: var(--app-text-2); }
.portal-ask-form { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.portal-ask-form .form-control { flex: 1 1 200px; width: auto; }
.pcal-nav { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.pcal-nav b { font-size: .875rem; min-width: 92px; text-align: center; }
.pcal-nav-btn {
width: 44px; height: 44px; padding: 0;
display: inline-flex; align-items: center; justify-content: center;
font-size: 1.125rem; line-height: 1;
}
.pcal { margin-top: 10px; max-width: 880px; margin-left: auto; margin-right: auto; }
.pcal-dow { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); background: var(--app-surface-2); border-bottom: 1px solid var(--app-border); }
.pcal-dow span { padding: 6px 0; text-align: center; font-size: .72rem; color: var(--app-text-3); }
.pcal-row { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.pcal-cell {
position: relative;
display: flex; flex-direction: column; gap: 2px;
min-width: 0; min-height: 56px; padding: 6px 8px;
border-top: 1px solid var(--app-border); border-right: 1px solid var(--app-border);
background: var(--app-surface);
}
.pcal-cell:nth-child(7) { border-right: 0; }
.pcal-cell b { font-size: .8125rem; color: var(--app-text); }
.pcal-cell.out { background: var(--app-surface-2); }
.pcal-cell.out b, .pcal-cell.out span, .pcal-cell.out .pcal-count { color: var(--app-text-3); }
.pcal-cell.today { background: var(--app-accent-soft); box-shadow: inset 0 0 0 1.5px var(--app-accent); }
.pcal-today {
position: absolute; top: 5px; right: 6px;
font-style: normal; font-size: .5625rem; font-weight: 700;
color: var(--app-accent-ink); letter-spacing: 0;
}
.pcal-cell.has-block {
background: color-mix(in srgb, var(--block) var(--block-pct, 18%), var(--app-surface));
border-color: color-mix(in srgb, var(--block) 22%, var(--app-border));
}
.pcal-block {
display: inline-flex; align-items: center; gap: 4px; align-self: flex-start;
padding: 1px 6px; border-radius: 999px;
font-size: .6875rem; font-weight: 700; white-space: nowrap;
color: var(--app-text);
background: color-mix(in srgb, var(--block) 16%, var(--app-surface));
border: 1px solid color-mix(in srgb, var(--block) 28%, transparent);
}
.pcal-block::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--block); }
.pcal-dot { width: 7px; height: 7px; margin-top: auto; border-radius: 50%; border: 1.5px solid var(--app-accent); }
.pcal-dot.done { background: var(--app-accent); border-color: var(--app-accent); }
.pcal-count { margin-top: auto; font-size: .75rem; font-weight: 700; color: var(--app-accent); }
@media (max-width: 575px) {
.portal-wrap { padding: 16px 10px 40px; }
.portal-head h1 { font-size: 1.45rem; }
.portal-client-name { font-size: 1.3rem; }
.portal-client-status { margin-left: 0; }
.pcal-cell { min-height: 50px; padding: 4px 5px; }
.pcal-today { top: 3px; right: 4px; font-size: .5rem; }
.pcal-block { font-size: .625rem; padding: 1px 4px; }
.pcal-nav b { min-width: 74px; }
}
.tagchip, .pkg-tag {
display: inline-flex; align-items: center; gap: 4px;
padding: 1px 8px; border-radius: 999px;
+10 -218
View File
@@ -1,12 +1,10 @@
/* 代打台 · 交互增强(无框架,全部渐进增强) */
/* 代打台-L · 交互增强(无框架,全部渐进增强) */
/* Powered by Baka春秋 */
(function () {
'use strict';
/* ---------- 工具:本地日期,禁止用 toISOString 做“自然日”计算 ---------- */
function pad2(n) { return n < 10 ? '0' + n : '' + n; }
function parseDay(s) { return new Date(s + 'T00:00:00'); }
function fmtDay(d) { return d.getFullYear() + '-' + pad2(d.getMonth() + 1) + '-' + pad2(d.getDate()); }
function addDays(s, n) { var d = parseDay(s); d.setDate(d.getDate() + n); return fmtDay(d); }
function diffDays(a, b) { return Math.round((b.getTime() - a.getTime()) / 86400000); }
/* ---------- 提示条:自动淡出(.flash 固定定位,不会顶动页面) ---------- */
@@ -67,136 +65,18 @@
if (input.value) paint(input.value);
});
/* ---------- 新订阅表单:按套餐类型切换「天数 / 次数 / 终止日」 ---------- */
/* ---------- 新订阅表单:选套餐时带出默认天数 ---------- */
document.querySelectorAll('form[data-sub-form]').forEach(function (form) {
var sel = form.querySelector('[data-pkg-select]');
var daysWrap = form.querySelector('[data-days-wrap]');
var countWrap = form.querySelector('[data-count-wrap]');
var endWrap = form.querySelector('[data-end-wrap]');
var startWrap = form.querySelector('[data-start-wrap]');
var startInput = form.querySelector('input[name="start_date"]');
var endInput = endWrap && endWrap.querySelector('input');
var cyclesWrap = form.querySelector('[data-cycles-wrap]');
var cyclesInput = cyclesWrap && cyclesWrap.querySelector('input');
if (!sel) return;
if (!sel || !daysWrap) return;
var daysInput = daysWrap.querySelector('input');
/* 只覆盖“上一次自动填的”终止日,不碰用户手填的值 */
function setAutoEnd(v) {
if (!endInput || !v) return;
if (!endInput.value || endInput.dataset.auto === endInput.value) {
endInput.value = v;
endInput.dataset.auto = v;
}
}
/* 显示/隐藏一组字段;隐藏时一并 disable,避免同名字段重复提交 */
function setWrap(wrap, show) {
if (!wrap) return;
wrap.hidden = !show;
wrap.querySelectorAll('input, select, textarea').forEach(function (el) { el.disabled = !show; });
}
function sync() {
sel.addEventListener('change', function () {
var opt = sel.options[sel.selectedIndex];
var unit = opt && opt.getAttribute('data-unit');
var amount = opt && opt.getAttribute('data-amount');
var validity = opt && parseInt(opt.getAttribute('data-validity') || '0', 10);
if (unit === 'season') {
setWrap(daysWrap, false);
setWrap(countWrap, false);
setWrap(endWrap, false);
setWrap(startWrap, false);
setWrap(cyclesWrap, false);
if (startInput) startInput.required = false;
return;
}
setWrap(startWrap, true);
if (startInput) startInput.required = true;
if (unit === 'abyss') {
setWrap(daysWrap, false);
setWrap(countWrap, false);
setWrap(endWrap, false);
setWrap(cyclesWrap, true);
if (cyclesInput) {
cyclesInput.required = true;
if (amount) cyclesInput.value = amount;
}
return;
}
setWrap(cyclesWrap, false);
if (cyclesInput) cyclesInput.required = false;
if (unit === 'count') {
setWrap(daysWrap, false);
setWrap(countWrap, true);
setWrap(endWrap, true);
if (amount) countWrap.querySelector('input').value = amount;
if (validity > 0 && startInput && startInput.value) setAutoEnd(addDays(startInput.value, validity - 1));
} else if (unit === 'day') {
setWrap(daysWrap, true);
setWrap(countWrap, false);
setWrap(endWrap, true);
if (amount) daysWrap.querySelector('input').value = amount;
} else {
setWrap(daysWrap, true);
setWrap(countWrap, false);
setWrap(endWrap, false);
}
}
sel.addEventListener('change', sync);
if (startInput) {
startInput.addEventListener('change', function () {
var opt = sel.options[sel.selectedIndex];
var validity = opt && parseInt(opt.getAttribute('data-validity') || '0', 10);
if (opt && opt.getAttribute('data-unit') === 'count' && validity > 0 && startInput.value) {
setAutoEnd(addDays(startInput.value, validity - 1));
}
});
}
sync();
});
/* ---------- 套餐表单:切换计费方式与对应字段 ---------- */
document.querySelectorAll('form[data-package-form]').forEach(function (form) {
var label = form.querySelector('[data-unit-label]');
var amountTitle = form.querySelector('[data-amount-title]');
var radios = form.querySelectorAll('input[name="unit"]');
var seasonWrap = form.querySelector('[data-season-wrap]');
var validityWrap = form.querySelector('[data-validity-wrap]');
var abyssWrap = form.querySelector('[data-abyss-wrap]');
var amountWrap = form.querySelector('[data-amount-wrap]');
var cycleInput = form.querySelector('input[name="cycle_days"]');
function setWrap(wrap, show) {
if (!wrap) return;
wrap.hidden = !show;
wrap.querySelectorAll('input, select, textarea').forEach(function (el) { el.disabled = !show; });
}
function sync() {
var v = 'day';
radios.forEach(function (r) { if (r.checked) v = r.value; });
if (label) label.textContent = v === 'count' ? '次' : (v === 'abyss' ? '个' : '天');
if (amountTitle) amountTitle.textContent = v === 'abyss' ? '周期数' : '默认量';
setWrap(seasonWrap, v === 'season');
setWrap(validityWrap, v === 'count');
setWrap(abyssWrap, v === 'abyss');
setWrap(amountWrap, v !== 'season');
if (seasonWrap) {
seasonWrap.querySelectorAll('input').forEach(function (i) { i.required = v === 'season'; });
}
if (cycleInput) cycleInput.required = v === 'abyss';
}
radios.forEach(function (r) { r.addEventListener('change', sync); });
sync();
var amount = opt && parseInt(opt.getAttribute('data-amount') || '0', 10);
if (amount > 0 && daysInput) daysInput.value = amount;
});
});
/* ---------- 批量开通:表头全选 + 半选状态 ---------- */
@@ -253,7 +133,7 @@
paint();
})();
/* ---------- 触摸小键盘 + 抽屉时钟 + 更多菜单 ---------- */
/* ---------- 抽屉时钟 + 更多菜单 ---------- */
(function () {
'use strict';
@@ -267,51 +147,6 @@
}
if (clocks.length) { tick(); setInterval(tick, 1000); }
/* 小键盘:输入手机尾号
关键点:鼠标按下时阻止默认行为,否则按钮会先抢走输入框焦点;
每次按键后再把焦点和光标送回输入框末尾。 */
document.querySelectorAll('[data-keypad]').forEach(function (pad) {
// 键盘是表单的兄弟节点(不在 <form> 内),所以先找输入框,再用 input.form 反查表单
var scope = pad.closest('.drawer-block') || pad.parentElement || document;
var input = scope.querySelector('input[name="tail"]');
if (!input) { return; }
var form = input.form;
if (!form) { return; }
function keepFocus() {
try { input.focus({ preventScroll: true }); } catch (err) { input.focus(); }
var end = input.value.length;
try { input.setSelectionRange(end, end); } catch (err) { /* number 类型时忽略 */ }
}
// mousedown 会触发“按钮获得焦点”,先拦下来;pointerdown 再兜底一次
pad.addEventListener('mousedown', function (e) {
e.preventDefault();
keepFocus();
});
pad.addEventListener('pointerdown', function () {
// 这里不能 preventDefault:会连带取消后面的 click 事件
keepFocus();
});
pad.addEventListener('click', function (e) {
var btn = e.target.closest('button[data-key]');
if (!btn) return;
var key = btn.getAttribute('data-key');
if (key === 'back') {
input.value = input.value.slice(0, -1);
} else if (key === 'ok') {
if (input.value) {
if (form.requestSubmit) { form.requestSubmit(); } else { form.submit(); }
}
return;
} else if (input.value.length < 8) {
input.value += key;
}
keepFocus();
});
});
/* 更多菜单:点开一个时收起其它,点空白处关闭 */
document.addEventListener('click', function (e) {
document.querySelectorAll('.more-actions[open]').forEach(function (d) {
@@ -319,46 +154,3 @@
});
});
})();
/* ---------- 触控/PC 小键盘模式 ---------- */
(function () {
'use strict';
var KEY = 'daili_keypad_mode';
function applyMode(touch) {
document.querySelectorAll('[data-keypad]').forEach(function (pad) {
pad.hidden = !touch;
var block = pad.closest('.drawer-block') || document;
var input = block.querySelector('input[name="tail"]');
if (input) {
input.readOnly = touch;
input.setAttribute('inputmode', touch ? 'none' : 'numeric');
input.setAttribute('placeholder', touch ? '点下方键盘输入尾号' : '输入手机尾号,回车即可完成');
}
var btn = block.querySelector('[data-keypad-toggle]');
if (btn) {
btn.textContent = touch ? '触控' : '⌨';
btn.classList.toggle('on', touch);
btn.title = touch ? '当前触控模式,点此切回 PC' : '当前 PC 模式,点此打开触控键盘';
}
});
}
var touchMode = false;
try { touchMode = localStorage.getItem(KEY) === 'touch'; } catch (err) { }
applyMode(touchMode);
document.querySelectorAll('[data-keypad-toggle]').forEach(function (btn) {
btn.addEventListener('click', function () {
touchMode = !touchMode;
try { localStorage.setItem(KEY, touchMode ? 'touch' : 'pc'); } catch (err) { }
applyMode(touchMode);
if (!touchMode) {
var block = btn.closest('.drawer-block') || document;
var input = block.querySelector('input[name="tail"]');
if (input) { input.focus(); }
}
});
});
})();
-413
View File
@@ -1,413 +0,0 @@
/* ============================================================
代打台 · 可视化大屏(v1.10)
------------------------------------------------------------
只认 <html data-bs-theme="light|dark">;默认由模板给 dark。
Bootstrap 只用于重置与栅格,视觉全部在本文件内闭环。
============================================================ */
:root,
[data-bs-theme="light"] {
--scr-bg: #eef4fb;
--scr-panel: #ffffff;
--scr-panel-2: #f7fafd;
--scr-line: #dbe6f1;
--scr-text: #0f1c29;
--scr-text-2: #354a60;
--scr-muted: #5d7186;
--scr-accent: #2f5f9e;
--scr-accent-2: #3f74b4;
--scr-accent-solid: #2f5f9e;
--scr-danger: #b3261e;
--scr-warn: #8a5200;
--scr-glow: 0 0 18px rgba(47, 95, 158, 0.12);
--scr-shadow: 0 14px 32px -22px rgba(20, 32, 43, 0.4);
}
[data-bs-theme="dark"] {
--scr-bg: #070e16;
--scr-panel: #0f1823;
--scr-panel-2: #142030;
--scr-line: #203448;
--scr-text: #e7f0f9;
--scr-text-2: #b6c9db;
--scr-muted: #87a0b8;
--scr-accent: #6fa8dc;
--scr-accent-2: #93c4ee;
--scr-accent-solid: #2b5d94;
--scr-danger: #f08a82;
--scr-warn: #e0b072;
--scr-glow: 0 0 24px rgba(111, 168, 220, 0.16);
--scr-shadow: 0 18px 40px -24px rgba(0, 0, 0, 0.8);
}
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body.screen-body {
background:
radial-gradient(1200px 600px at 12% -10%, color-mix(in srgb, var(--scr-accent) 14%, transparent), transparent 60%),
radial-gradient(900px 500px at 100% 0%, color-mix(in srgb, var(--scr-accent) 8%, transparent), transparent 55%),
var(--scr-bg);
color: var(--scr-text);
font-family: "Microsoft YaHei UI", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC",
system-ui, -apple-system, "Segoe UI", sans-serif;
font-size: 14px;
line-height: 1.45;
overflow: hidden;
-webkit-font-smoothing: antialiased;
}
body.screen-body::before {
content: "";
position: fixed; inset: 0; z-index: 0; pointer-events: none;
background:
linear-gradient(var(--scr-line) 1px, transparent 1px) 0 0 / 100% 44px,
linear-gradient(90deg, var(--scr-line) 1px, transparent 1px) 0 0 / 44px 100%;
opacity: 0.35;
}
.scr {
position: relative; z-index: 1;
display: grid;
grid-template-rows: auto auto minmax(0, 1fr) auto auto auto;
gap: 10px;
height: 100vh;
height: 100dvh;
padding: 12px 16px 8px;
}
/* ---------- 头部 ---------- */
.scr-head { display: flex; align-items: center; gap: 14px; min-height: 40px; flex-wrap: wrap; padding-bottom: 8px; border-bottom: 1px solid var(--scr-line); }
.scr-brand { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 800; letter-spacing: 0.06em; color: var(--scr-text); }
.scr-brand .mark {
display: inline-grid; place-items: center;
width: 26px; height: 26px;
background: var(--scr-accent-solid); color: #fff;
font-size: 13px; font-weight: 800; border-radius: 8px;
}
.scr-brand em { font-style: normal; font-size: 11px; font-weight: 500; color: var(--scr-muted); letter-spacing: 0.16em; }
.scr-tabs { display: flex; gap: 4px; flex-wrap: wrap; }
.scr-tabs a {
display: inline-flex; align-items: center; gap: 5px;
height: 28px; padding: 0 11px;
font-size: 12px; color: var(--scr-text-2); text-decoration: none;
border: 1px solid var(--scr-line); border-radius: 999px;
background: var(--scr-panel);
}
.scr-tabs a::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--tab, var(--scr-accent)); }
.scr-tabs a:hover { border-color: var(--scr-accent); color: var(--scr-text); text-decoration: none; }
.scr-tabs a.on { background: var(--scr-accent-solid); border-color: var(--scr-accent-solid); color: #fff; }
.scr-tabs a.on::before { background: #fff; }
.scr-tools { display: flex; align-items: center; gap: 8px; }
.scr-switch {
height: 28px; padding: 0 10px;
display: inline-flex; align-items: center;
font-size: 12px; color: var(--scr-accent); text-decoration: none;
border: 1px solid color-mix(in srgb, var(--scr-accent) 40%, var(--scr-line));
border-radius: 999px; background: var(--scr-panel);
}
.scr-switch:hover { background: color-mix(in srgb, var(--scr-accent) 12%, var(--scr-panel)); text-decoration: none; }
.scr-theme {
width: 28px; height: 28px; padding: 0;
display: inline-grid; place-items: center;
border: 1px solid var(--scr-line); border-radius: 999px;
background: var(--scr-panel); color: var(--scr-text-2);
font-size: 13px; cursor: pointer;
}
.scr-theme:hover { border-color: var(--scr-accent); color: var(--scr-accent); }
.scr-theme .ic-sun { display: none; }
[data-bs-theme="dark"] .scr-theme .ic-sun { display: inline; }
[data-bs-theme="dark"] .scr-theme .ic-moon { display: none; }
.scr-clock { margin-left: auto; text-align: right; line-height: 1.1; }
.scr-clock b { font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 22px; letter-spacing: 0.04em; font-variant-numeric: tabular-nums; color: var(--scr-text); }
.scr-clock span { display: block; font-size: 11px; color: var(--scr-muted); }
.scr-links { font-size: 11px; color: var(--scr-muted); }
.scr-links a { color: var(--scr-accent); text-decoration: none; }
.scr-links a:hover { text-decoration: underline; }
/* ---------- KPI ---------- */
.scr-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.kpi {
position: relative;
display: flex; align-items: baseline; gap: 6px;
padding: 10px 14px 10px 18px;
background: var(--scr-panel);
border: 1px solid var(--scr-line);
border-radius: 10px;
overflow: hidden;
box-shadow: var(--scr-shadow);
}
.kpi::after {
content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
background: var(--scr-accent);
}
.kpi span { font-size: 12px; color: var(--scr-muted); margin-right: auto; }
.kpi b { font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 30px; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; color: var(--scr-text); }
.kpi i { font-style: normal; font-size: 11px; color: var(--scr-muted); }
.kpi-hot::after { background: var(--scr-danger); }
.kpi-hot b { color: var(--scr-danger); }
.kpi-warm::after { background: var(--scr-warn); }
.kpi-warm b { color: var(--scr-warn); }
/* ---------- 主区 ---------- */
.scr-main { display: grid; grid-template-columns: 1.5fr 1fr; gap: 10px; min-height: 0; }
.panel {
display: flex; flex-direction: column; min-height: 0;
background: var(--scr-panel);
border: 1px solid var(--scr-line);
border-radius: 10px;
overflow: hidden;
box-shadow: var(--scr-shadow);
}
.panel-head {
display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
padding: 9px 14px;
border-bottom: 1px solid var(--scr-line);
background: var(--scr-panel-2);
}
.panel-head h2 { margin: 0; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; color: var(--scr-text); }
.panel-head span { font-size: 11px; color: var(--scr-muted); }
/* 热力 */
.heat-grid { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; padding: 8px 12px; min-height: 0; min-width: 0; overflow: hidden; }
.heat-dow { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; margin-bottom: 4px; }
.heat-dow span { text-align: center; font-size: 10px; color: var(--scr-muted); }
.heat-row { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; margin-bottom: 4px; align-items: stretch; }
.heat-cell {
position: relative;
display: flex; align-items: center; justify-content: space-between;
min-height: 34px; min-width: 0;
padding: 3px 7px 3px 9px;
border: 1px solid var(--scr-line); border-radius: 6px;
background: var(--scr-panel-2);
font-size: 11px; color: var(--scr-muted);
overflow: hidden;
transition: transform 0.1s ease, border-color 0.1s ease;
}
.heat-cell span { font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 11px; color: var(--scr-text-2); }
.heat-cell b { font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 12px; font-weight: 700; color: var(--scr-text); white-space: nowrap; }
.heat-cell.out { background: var(--scr-panel-2); border-color: var(--scr-line); }
.heat-cell.out span, .heat-cell.out b { color: var(--scr-text-2); }
.heat-cell.past { opacity: 1; }
.heat-cell.today { outline: 1px solid var(--scr-accent); outline-offset: -1px; }
.heat-cell.today span { color: var(--scr-text); font-weight: 700; }
.heat-cell:hover { transform: translateY(-1px); border-color: var(--scr-accent); z-index: 3; }
.heat-cell.h1 { background: color-mix(in srgb, var(--scr-accent) 10%, var(--scr-panel-2)); }
.heat-cell.h2 { background: color-mix(in srgb, var(--scr-accent) 22%, var(--scr-panel-2)); }
.heat-cell.h3 { background: color-mix(in srgb, var(--scr-accent) 36%, var(--scr-panel-2)); }
.heat-cell.h4 { background: color-mix(in srgb, var(--scr-accent) 52%, var(--scr-panel-2)); }
.heat-cell.h3 span, .heat-cell.h4 span { color: var(--scr-text); }
.heat-cell.h3 b, .heat-cell.h4 b { color: var(--scr-text); }
.heat-cell.has-block {
background: color-mix(in srgb, var(--block) var(--block-pct, 18%), var(--scr-panel-2));
border-color: color-mix(in srgb, var(--block) 30%, var(--scr-line));
}
.heat-cell b.scr-block {
display: inline-flex; align-items: center;
padding: 1px 5px; border-radius: 4px;
background: color-mix(in srgb, var(--block) 20%, var(--scr-panel));
border: 1px solid color-mix(in srgb, var(--block) 32%, transparent);
color: var(--scr-text);
font-size: 12px; font-weight: 700;
}
.cell-urgent {
position: absolute; top: 3px; right: 3px;
width: 5px; height: 5px; border-radius: 50%;
background: var(--scr-danger);
box-shadow: 0 0 6px color-mix(in srgb, var(--scr-danger) 70%, transparent);
}
.heat-legend { display: flex; align-items: center; gap: 4px; padding: 6px 14px 10px; font-size: 10px; color: var(--scr-muted); }
.heat-legend span { margin-right: 6px; }
.heat-legend i { width: 14px; height: 9px; border-radius: 2px; border: 1px solid var(--scr-line); display: inline-block; }
.heat-legend i.h0 { background: var(--scr-panel-2); }
.heat-legend i.h1 { background: color-mix(in srgb, var(--scr-accent) 10%, var(--scr-panel-2)); }
.heat-legend i.h2 { background: color-mix(in srgb, var(--scr-accent) 22%, var(--scr-panel-2)); }
.heat-legend i.h3 { background: color-mix(in srgb, var(--scr-accent) 36%, var(--scr-panel-2)); }
.heat-legend i.h4 { background: color-mix(in srgb, var(--scr-accent) 52%, var(--scr-panel-2)); }
.heat-legend .legend-hint { margin-left: auto; font-style: normal; color: var(--scr-text-2); }
/* TOP 10 */
.top-list { list-style: none; margin: 0; padding: 6px 10px; overflow: auto; flex: 1 1 auto; min-height: 0; }
.top-item {
display: grid;
grid-template-columns: 24px 56px minmax(0, 1fr) minmax(0, 118px) 78px 64px;
gap: 8px; align-items: center;
padding: 5px 4px;
border-bottom: 1px dashed var(--scr-line);
font-size: 12px;
}
.top-item:last-child { border-bottom: 0; }
.top-item .rank { grid-column: 1; font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 11px; color: var(--scr-muted); }
.top-item:nth-child(-n+3) .rank { color: var(--scr-accent); font-weight: 700; }
.top-tail { grid-column: 2; font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 14px; font-weight: 700; letter-spacing: 0.03em; color: var(--scr-text); }
.top-name { grid-column: 3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--scr-text-2); }
.top-pkg {
grid-column: 4;
font-size: 10px; padding: 1px 6px; border-radius: 999px;
border-left: 2px solid var(--tag, var(--scr-accent));
background: color-mix(in srgb, var(--tag, var(--scr-accent)) 14%, transparent);
color: var(--scr-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.top-remain { grid-column: 5; font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 11px; color: var(--scr-text-2); white-space: nowrap; }
.top-bar { grid-column: 6; height: 4px; background: var(--scr-line); border-radius: 999px; overflow: hidden; }
.top-bar i { display: block; height: 100%; background: var(--scr-accent); }
.top-item.lv-today .top-remain { color: var(--scr-danger); font-weight: 700; }
.top-item.lv-warn .top-remain { color: var(--scr-warn); }
.top-item.lv-today .top-bar i { background: var(--scr-danger); }
.top-item.lv-warn .top-bar i { background: var(--scr-warn); }
/* ---------- 底部两块 ---------- */
.scr-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; min-height: 168px; max-height: 30vh; }
.today-list { list-style: none; margin: 0; padding: 4px 10px 8px; overflow: auto; min-height: 0; }
.today-list li {
display: grid;
grid-template-columns: auto minmax(0, 1fr) 86px 52px 76px;
gap: 8px; align-items: center;
padding: 5px 6px;
border-bottom: 1px dashed var(--scr-line);
font-size: 12px;
}
.today-list li:last-child { border-bottom: 0; }
.today-list li.urgent {
background: color-mix(in srgb, var(--scr-danger) 8%, transparent);
border-left: 2px solid var(--scr-danger);
padding-left: 8px;
}
.today-list .tchip { grid-column: 1; }
.today-list .pkg { grid-column: 2; font-size: 10px; color: var(--scr-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.today-list .asg { grid-column: 3; }
.today-list .tag-urgent { grid-column: 4; justify-self: start; }
.today-list .rem { grid-column: 5; font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 11px; color: var(--scr-text-2); white-space: nowrap; text-align: right; }
.tchip {
display: inline-flex; align-items: baseline; gap: 3px;
padding: 1px 6px;
border-left: 2px solid var(--tag, var(--scr-accent));
background: color-mix(in srgb, var(--tag, var(--scr-accent)) 14%, transparent);
border-radius: 2px 6px 6px 2px; white-space: nowrap;
color: var(--scr-text-2);
}
.tchip b { font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 13px; color: var(--scr-text); }
.tag-urgent {
display: inline-flex; align-items: center;
height: 18px; padding: 0 6px;
font-size: 10px; font-weight: 700; line-height: 1;
background: color-mix(in srgb, var(--scr-danger) 18%, var(--scr-panel));
color: var(--scr-danger);
border: 1px solid color-mix(in srgb, var(--scr-danger) 32%, transparent);
border-radius: 999px;
white-space: nowrap;
}
.scr-empty, .scr-empty-inline { color: var(--scr-muted); font-size: 12px; padding: 16px; text-align: center; margin: 0; }
.scr-empty-inline { padding: 0; text-align: left; }
/* ---------- 最近追加 ---------- */
.scr-recent {
display: flex; align-items: center; gap: 10px;
padding: 5px 12px;
background: var(--scr-panel);
border: 1px solid var(--scr-line); border-radius: 10px;
font-size: 11px; color: var(--scr-muted);
overflow: hidden;
}
.recent-label { flex: 0 0 auto; letter-spacing: 0.12em; color: var(--scr-accent); font-size: 10px; }
.recent-track { display: flex; gap: 18px; overflow: hidden; white-space: nowrap; }
.recent-item { color: var(--scr-text-2); }
.recent-item b { font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 12px; color: var(--scr-text); margin-right: 3px; }
.recent-item em { font-style: normal; color: var(--scr-accent); margin-left: 3px; }
.scr-foot { text-align: center; font-size: 10px; color: var(--scr-muted); letter-spacing: 0.06em; }
/* ---------- 当日明细浮层 ---------- */
.day-pop {
position: fixed; z-index: 60;
width: 340px; max-height: 62vh; overflow: auto;
padding: 10px 12px;
background: var(--scr-panel);
border: 1px solid var(--scr-accent);
border-radius: 10px;
box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.55), var(--scr-glow);
font-size: 12px;
pointer-events: auto;
overscroll-behavior: contain;
}
.day-pop[hidden] { display: none; }
.day-pop h4 { margin: 0 0 6px; display: flex; align-items: baseline; justify-content: space-between; font-size: 12px; color: var(--scr-text); }
.day-pop h4 small { font-weight: 400; color: var(--scr-muted); font-size: 10px; }
.day-pop .pop-meta { display: flex; gap: 10px; margin-bottom: 6px; font-size: 10px; color: var(--scr-muted); }
.day-pop .pop-meta b { color: var(--scr-text-2); font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; }
.day-pop ul { list-style: none; margin: 0; padding: 0; }
.day-pop li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 6px; align-items: center; padding: 3px 0; border-bottom: 1px dashed var(--scr-line); }
.day-pop li:last-child { border-bottom: 0; }
.day-pop li.urgent { color: var(--scr-danger); }
.day-pop li.done { opacity: 0.45; text-decoration: line-through; }
.day-pop .pop-tail { font-family: "Cascadia Mono", "Consolas", ui-monospace, monospace; font-size: 12px; font-weight: 700; }
.day-pop .pop-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--scr-text-2); }
.day-pop .pop-rem { font-size: 10px; color: var(--scr-muted); white-space: nowrap; }
.day-pop .pop-more { margin-top: 6px; font-size: 10px; color: var(--scr-muted); text-align: right; }
.day-pop .pop-empty { color: var(--scr-muted); text-align: center; padding: 8px 0; }
/* ---------- 打手颜色 ---------- */
.asg-strip {
position: absolute; left: 0; top: 0; bottom: 0;
display: flex; flex-direction: column;
width: 3px; overflow: hidden; border-radius: 6px 0 0 6px;
}
.asg-strip i { display: block; flex: 1 1 0; min-height: 3px; }
.asg-strip.sm { width: 3px; }
.asg { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; color: var(--scr-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.asg i { width: 7px; height: 7px; border-radius: 2px; flex: 0 0 auto; }
.asg.none { color: var(--scr-muted); }
.asg.none i { opacity: 0.5; }
.pop-who { display: inline-block; width: 7px; height: 7px; border-radius: 2px; margin-right: 4px; vertical-align: 0; }
/* ---------- 小屏 / 投屏适配 ---------- */
@media (max-width: 1200px) {
.scr-main { grid-template-columns: 1fr 1fr; }
.scr-kpis .kpi b { font-size: 24px; }
.top-item { grid-template-columns: 24px 52px minmax(0, 1fr) 78px 56px; }
.top-item .top-pkg { display: none; }
.top-remain { grid-column: 4; }
.top-bar { grid-column: 5; }
.today-list li { grid-template-columns: auto minmax(0, 1fr) 52px 76px; }
.today-list .asg { display: none; }
.today-list .tag-urgent { grid-column: 3; }
.today-list .rem { grid-column: 4; }
}
@media (max-width: 860px) {
body.screen-body { overflow: auto; }
.scr { height: auto; }
.scr-main, .scr-bottom { grid-template-columns: 1fr; }
.scr-bottom { max-height: none; }
.scr-tabs, .scr-links { display: none; }
.scr-clock { margin-left: 0; }
.scr-kpis { grid-template-columns: 1fr 1fr; }
}
@media (prefers-reduced-motion: reduce) {
.heat-cell { transition: none; }
}
-162
View File
@@ -1,162 +0,0 @@
/* 大屏:时钟 + 全屏 + 主题 + 日历悬停/点按明细 */
(function () {
'use strict';
function pad(n) { return n < 10 ? '0' + n : '' + n; }
function tick() {
var d = new Date();
var clock = document.querySelector('[data-clock]');
if (clock) clock.textContent = pad(d.getHours()) + ':' + pad(d.getMinutes()) + ':' + pad(d.getSeconds());
var dateEl = document.querySelector('[data-date]');
if (dateEl) {
dateEl.textContent = d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate()) +
' 周' + '日一二三四五六'.charAt(d.getDay());
}
}
tick();
setInterval(tick, 1000);
document.addEventListener('keydown', function (e) {
if (e.key === 'f' || e.key === 'F') {
if (document.fullscreenElement) {
document.exitFullscreen();
} else if (document.documentElement.requestFullscreen) {
document.documentElement.requestFullscreen();
}
}
if (e.key === 'Escape') { hide(); }
});
/* ---------- 主题切换:唯一状态源 data-bs-theme ---------- */
var THEME_KEY = 'daili_theme';
var root = document.documentElement;
var themeBtns = document.querySelectorAll('[data-theme-toggle]');
function currentTheme() {
return root.getAttribute('data-bs-theme') === 'light' ? 'light' : 'dark';
}
function paintTheme() {
var dark = currentTheme() === 'dark';
themeBtns.forEach(function (b) { b.setAttribute('aria-pressed', dark ? 'true' : 'false'); });
}
themeBtns.forEach(function (btn) {
btn.addEventListener('click', function () {
var next = currentTheme() === 'dark' ? 'light' : 'dark';
root.setAttribute('data-bs-theme', next);
document.cookie = THEME_KEY + '=' + next + '; path=/; max-age=31536000; SameSite=Lax';
paintTheme();
});
});
paintTheme();
/* ---------- 日历格子明细 ---------- */
var scr = document.querySelector('.scr');
var pop = document.getElementById('day-pop');
if (!scr || !pop) return;
var api = scr.getAttribute('data-api') || '/api/screen/day';
var pkg = scr.getAttribute('data-pkg') || '0';
var cache = {};
var hideTimer = null;
var pinned = false;
function esc(s) {
return String(s == null ? '' : s).replace(/[&<>"']/g, function (c) {
return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[c];
});
}
function place(cell) {
var r = cell.getBoundingClientRect();
var w = 340, h = Math.min(360, pop.offsetHeight || 240);
var left = r.right + 8;
if (left + w > window.innerWidth - 8) left = Math.max(8, r.left - w - 8);
var top = r.top + r.height / 2 - h / 2;
top = Math.max(8, Math.min(top, window.innerHeight - h - 8));
pop.style.left = left + 'px';
pop.style.top = top + 'px';
}
function render(data, cell) {
if (!data) {
pop.innerHTML = '<div class="pop-empty">读取失败</div>';
return;
}
var d = new Date(data.date + 'T00:00:00');
var label = data.date + ' 周' + '日一二三四五六'.charAt(d.getDay());
var html = '<h4>' + esc(label) + '<small>' + data.total + ' 单 · 已完成 ' + data.done +
(data.urgent ? ' · <span style="color:var(--scr-danger)">加急 ' + data.urgent + '</span>' : '') + '</small></h4>';
if (!data.items || !data.items.length) {
html += '<div class="pop-empty">这天没有排单</div>';
} else {
html += '<ul>';
data.items.forEach(function (it) {
html += '<li class="' + (it.urgent ? 'urgent ' : '') + (it.done ? 'done' : '') + '">' +
'<span class="pop-tail">' + esc(it.tail) + '</span>' +
'<span class="pop-name"><i class="pop-who" style="background:' + esc(it.who_color || '#8A8F98') + '"></i>' + esc(it.who || '未指派') + ' · ' + esc(it.pkg) + '</span>' +
'<span class="pop-rem">' + (it.urgent ? '加急 · ' : '') + esc(it.remain) + '</span>' +
'</li>';
});
html += '</ul>';
if (data.more > 0) html += '<div class="pop-more">另有 ' + data.more + ' 单未显示</div>';
}
pop.innerHTML = html;
pop.hidden = false;
place(cell);
}
function show(cell) {
clearTimeout(hideTimer);
var date = cell.getAttribute('data-date');
var key = date + '|' + pkg;
pop.hidden = false;
pop.innerHTML = '<div class="pop-empty">载入中…</div>';
place(cell);
if (cache[key]) {
render(cache[key], cell);
return;
}
fetch(api + '?date=' + encodeURIComponent(date) + '&pkg=' + encodeURIComponent(pkg), {
headers: { 'Accept': 'application/json' }
}).then(function (r) {
if (!r.ok) throw new Error('bad');
return r.json();
}).then(function (data) {
cache[key] = data;
render(data, cell);
}).catch(function () {
pop.innerHTML = '<div class="pop-empty">读取失败</div>';
});
}
function hide() {
clearTimeout(hideTimer);
pinned = false;
pop.hidden = true;
}
function hideSoon() {
if (pinned) return;
clearTimeout(hideTimer);
hideTimer = setTimeout(function () { pop.hidden = true; }, 260);
}
function keepOpen() { clearTimeout(hideTimer); }
document.querySelectorAll('.heat-cell[data-date]').forEach(function (cell) {
cell.addEventListener('mouseenter', function () { show(cell); });
cell.addEventListener('mouseleave', hideSoon);
cell.addEventListener('focus', function () { show(cell); });
cell.addEventListener('click', function (e) {
e.preventDefault();
var openForCell = !pop.hidden && pop.dataset.date === cell.getAttribute('data-date');
if (openForCell) { hide(); return; }
pinned = true;
show(cell);
pop.dataset.date = cell.getAttribute('data-date');
});
});
pop.addEventListener('mouseenter', keepOpen);
pop.addEventListener('mouseleave', function () { if (!pinned) hideSoon(); });
})();