v24 第 11 批：7 大条 20 子项（首页/名册/观影/裁剪/日程/财务）
用户 2026-10-04 第 11 批，7 大条： - #1 首页：未来七天过滤掉「农历」（每日一条会淹掉真日程）；右侧日历本标签 从灰字(.dash-tag)改成**实心色块**（底色=日历色、白字、text-shadow 兜底浅色）。 - #2 名册：分组改**居中模态框**（用户要"像选观影人一样"）。修掉"点第二次失效" ——根因是旧实现用**捕获阶段**监听 document click 做"点外面就关"，与触发按钮 的 click 打架；模态把关闭收敛到遮罩/✕/取消。卡片「编辑」后加「删除」 （→ people/destroy）；详情页底部删除改成 btn-danger + btn-block-lg 大红按钮 + 两步确认。 - #3 名册详情页重排：.detail(260px+1fr) → .pcard（头像左上 + 右侧姓名/标签） + .detail-stack 全宽往下。旧布局头像卡比右栏矮，头像下留一大片空白。 - #4 观影：影院下拉换**自定义组件**（原生 <option> 画不了色块）——按钮+列表、 每行色点，值仍写隐藏 input[name=cinema_id]；「管理影院」→「新建影院」弹框 （带 back=movies/new，存完回本页并 ?cinema=<id> 自动选中）。 修「开始/结束时间标签跑到控件下面」：upgradeRange 原来 insertBefore(host, group.firstChild) 把控件插到了 label 之上 —— 改成插在第一个原生控件之前。 - #5 裁剪改 **Cropper.js**（assets/vendor/cropper/，按需加载走 fb-cropper meta）： 弹框 overflow:hidden + 固定画布（**无滚动条**）、**去掉缩放条**改滚轮 wheelZoomRatio、 viewMode:1 + autoCropArea 保证框小于画布、8 个触点全露。 结果仍写 *_crop = 归一化 x,y,w,h（提交契约不变）。 - #6 日程：内置节假日原来每天只标**一天**（国庆只出一条）→ FIXED 改成 [名字, 放假天数] 按区间铺；月视图从周日改**周一**起（表头同步）； 跳转日期从"长条+原生框"改成**单个 btn-icon**，点开弹 Semi 日期选择器。 - #7 财务：单条曲线无盘点时只回一个点（图看着像全 0）→ 改成"从创建日(0)画到今天"； 图下条目从"每账目一张小图卡"改成**一张 chart_multi 多线图 + 颜色图例** （Ledger::LEGEND_COLORS 按 id 取模，保证颜色稳定）；账目页卡顿同源治理 （行上只留按钮、表单全页一份 #ledPanels）；修改按钮改弹框并回填归属人。 ## 顺带修的真 bug（本批最要紧的三条） 1. **观影表单提交静默失效**：「新建影院」弹框被误嵌在观影主表单 <form> 内。 HTML 不允许 form 嵌套 → 浏览器拆开内层，弹框里 required 的"影院名称"变成 主表单必填项、又因 hidden 无法聚焦 → 点「记下这场电影」什么都不发生 （Chrome: invalid form control with name='name' is not focusable）。 → 弹框移到主表单之后。部署脚本加防线：按顺序配平 form 开闭判断是否嵌套。 2. **裁剪取消没清空文件框**（换 Cropper 时丢）→ close(cancelled)，4 个取消入口 传 true 清空；否则"点了取消"仍会把没裁的原图传上去。 3. **裁剪预览退化成原图**（同批丢）→ 用 canvas 按 Cropper 的原图像素矩形重画， toDataURL 写回预览，恢复"所见即所得"。 ## 连带修复：选人组件懒渲染（线上实测的必要性） 线上真实数据下账目页 6939 KB / 16788 个 input、观影表单 1194 个 input —— 根因是 _person_picker.php 首屏就把**全部候选人**渲成 <label>+<input>。 改成：首屏只留「不选」+ data-pp-people(JSON)，**打开弹框时**才 buildList()； 无 JS 兜底走 <noscript>（HTML5 规定启用脚本时其内容按纯文本解析，不产生节点）。 新增 window.ppSetSelected / decorateItems（动态项要补算首字母）。 实测账目页 6939 KB → 544 KB。新增 _fb_picker_lazy_check.py（11/0 + 反向 2 红）。 验证：e2e 786/0、交互 90/0、半集成 27/0、batch_e 91/0、batch10 46/0、batch9 38/0、 crop 17/0（+反向）、picker_unify 28/0、picker_lazy 11/0（+反向）、formbloat 9/0、 upgrade 126/0、mobile 688/0、drag 5/0、geom 5/5。 线上自检 19/19；线上真实账号验收 7/0（含"主表单无隐藏必填""线上 Cropper 接管+取消清空"）。
This commit is contained in:
+42
-2
@@ -346,6 +346,28 @@ final class Ledger
|
||||
return ($neg ? '-' : '') . '¥' . $s;
|
||||
}
|
||||
|
||||
/**
|
||||
* 图例色板（v24 第 11 批 #7）。
|
||||
*
|
||||
* 用户原话：「图下面的条目不用显示详情，只需要显示每个账目的颜色，
|
||||
* 就是说哪个颜色代表哪个账目，就可以了。」
|
||||
*
|
||||
* 所以每条账目要有一个**稳定**的颜色 —— 按 id 取模落在色板上，
|
||||
* 不随排序/刷新变化（否则用户没法靠颜色认账目，图例就白做了）。
|
||||
* 色板挑中低饱和的，压在宣纸底色上不刺眼，且与 .led-kind-chip 的观感一致。
|
||||
*/
|
||||
public const LEGEND_COLORS = [
|
||||
'#B0342C', '#3F7D5A', '#7A4E8C', '#A65C30',
|
||||
'#3078A6', '#8C6D3F', '#A6305C', '#4A7C82',
|
||||
'#6BA630', '#9730A6', '#A68930', '#5B6B8C',
|
||||
];
|
||||
|
||||
public static function legendColor(int $entryId): string
|
||||
{
|
||||
$n = count(self::LEGEND_COLORS);
|
||||
return self::LEGEND_COLORS[(($entryId % $n) + $n) % $n];
|
||||
}
|
||||
|
||||
public static function kind(string $k): string
|
||||
{
|
||||
return isset(self::KINDS[$k]) ? $k : 'other';
|
||||
@@ -543,14 +565,27 @@ final class Ledger
|
||||
*
|
||||
* @return array<int,array{date:string,cents:int}>
|
||||
*/
|
||||
public static function entrySeries(int $entryId, int $currentCents): array
|
||||
public static function entrySeries(int $entryId, int $currentCents, string $born = ''): array
|
||||
{
|
||||
$rows = self::history($entryId);
|
||||
$out = [];
|
||||
foreach ($rows as $r) {
|
||||
$out[] = ['date' => substr((string)$r['created_at'], 0, 10), 'cents' => (int)$r['amount_cents']];
|
||||
}
|
||||
// ⚠️ v24 第 11 批 #7（用户报「那个图，怎么数据都是 0 啊，没有盘点数据，
|
||||
// 就用账目的初始数据就可以了，不一定非要有盘点数据」）：
|
||||
// 旧版"没有任何盘点"时只回**一个点**（今天=当前值）——
|
||||
// 单点折线图在页面上就是一根贴边的平线，两端标注还是同一个数，
|
||||
// 看起来就像"数据都是 0"。用户要的是"用账目的初始数据画出来"。
|
||||
// 所以：没盘点过 → 从**账目创建日（那时是 0）**画到今天（当前值），
|
||||
// 这条线表达的正是"这笔钱从无到有"。
|
||||
if (!$out) {
|
||||
$start = $born !== '' ? $born : date('Y-m-d');
|
||||
if ($start === date('Y-m-d')) {
|
||||
// 今天建、今天看 → 给一个**前一天**当起点，否则还是单点
|
||||
$start = date('Y-m-d', strtotime('-1 day'));
|
||||
}
|
||||
$out[] = ['date' => $start, 'cents' => 0];
|
||||
$out[] = ['date' => date('Y-m-d'), 'cents' => $currentCents];
|
||||
}
|
||||
return $out;
|
||||
@@ -579,7 +614,12 @@ final class Ledger
|
||||
$eid = (int)$e['id'];
|
||||
$out[] = [
|
||||
'entry' => $e,
|
||||
'series' => self::entrySeries($eid, (int)$e['amount_cents']),
|
||||
// 图例用的颜色：同一账目**每次都一样**（按 id 取模取色板），
|
||||
// 否则刷新一次就换色，用户没法靠颜色认账目。
|
||||
'color' => self::legendColor($eid),
|
||||
'series' => self::entrySeries(
|
||||
$eid, (int)$e['amount_cents'],
|
||||
substr((string)($e['created_at'] ?? ''), 0, 10)),
|
||||
];
|
||||
}
|
||||
return $out;
|
||||
|
||||
Reference in New Issue
Block a user