v81:首页卡片「新增电影」「新建纪念日」弹框(不离开首页就把事办了)

用户 2026-10-22:
「首页上的其他卡片也应该有这些基本功能。比如电影观影,它有一个"新增电影"的功能;
  如果是纪念日,就有一个"新增纪念日"。实际上,就是把原来模块里弹的那个框,现在拿到
  这边来。目的就是为了在首页上就能快速完成一定工作,而不用进到模块里面。」

做法:复用模块页**同一份**表单,不另写。
- app/HomeCards.php:TYPES 每张卡多登记 add(按钮文案)/ add_modal(弹框容器 id)。
- templates/home.php:按登记表挂 data-fb-add-open="#<id>"(没登记的仍用 v78 的
  data-tk-add-open,两种写法并存但各有唯一来源);页尾 require 模块的表单模板。
- assets/js/add_modal.js(新):通用开关,只认 [data-fb-add-modal] /
  data-fb-add-open / data-fb-add-close;幂等闸门;Esc 先让 antd 收面板;
  打开那一刻才 boot 日期控件(hidden 时尺寸为 0,antd 会定位到屏幕左上角)。
- templates/{movies,days}/form.php:只在首页内嵌时($fbAddModalAttr)挂通用属性
  并输出 back=home,模块页行为一字不变。
- index.php:days/save 与 movies/create 加 back=home 白名单(取 POST 再比字面量,
  不把 POST 当跳转地址)。

过程中修掉两个真问题:
- 登记表第一版写 anAddCard,而 days/form.php 实际是 anNewCard ⇒ 按钮属性写对了、
  DOM 也不报错,点下去毫无反应。已加「按钮指向的容器真的存在」判据与部署静态
  断言里的交叉校验(拿登记表 id 去 templates/ 里逐个找 id="...")。
- 探针判「提交后回首页」原本读 pg.url,而 wait_for_load_state(networkidle) 在
  点击那一刻本就 idle 时立刻返回 ⇒ 读到提交前的地址,恒绿。改成拦那次 POST 的
  响应看 (状态码, Location),拆成 ⑭a 提交真发生 / ⑭b 302 指向 home / ⑭c 浏览器停在 home。

验证:正向探针 23/0 · 反向验证 14/0(七注入各自变红)· e2e 1572/0 · 几何 428/0。
This commit is contained in:
2026-10-22 22:05:17 +08:00
parent b1d4502148
commit fd90e33d94
7 changed files with 288 additions and 13 deletions
+13
View File
@@ -108,11 +108,24 @@ final class HomeCards
'name' => '纪念日', 'desc' => '接下来 60 天的纪念日与生日',
'w' => 4, 'h' => 4, 'route' => 'days', 'more' => '全部纪念日', 'n' => 0,
'mod' => 'days',
/* 🔴 v81(用户 2026-10-22):「如果是纪念日,就有一个"新增纪念日"。」
⇒ 首页卡片右上角直接开新建弹框(与纪念日页**同一张** `days/form.php`)。
`add_modal` = 那张弹框在首页里的容器 id,`home.php` 拼成
`data-fb-add-open="#anNewCard"`;掉进 `assets/js/add_modal.js` 的通用逻辑。
🔴 这个 id 必须与 `days/form.php` 里真实的容器 id **逐字一致**:
第一版我按"an + AddCard"的规律写成 `anAddCard`,而实际是 `anNewCard`
⇒ 按钮指向了一个不存在的元素 ⇒ **点下去毫无反应**(探针⑥当场抓到)。
这正是"点了没反应最难查"的那一类:属性在、DOM 也没报错。 */
'add' => '新建纪念日', 'add_modal' => 'anNewCard',
],
'movies' => [
'name' => '观影', 'desc' => '最近看过的片子',
'w' => 4, 'h' => 4, 'route' => 'movies', 'more' => '观影记录', 'n' => 0,
'mod' => 'movies',
/* 🔴 v81(同一条):「比如电影观影,它有一个"新增电影"的功能。」
⚠️ 文案按用户说的「新增电影」,但弹框标题仍是模块里的「记一场电影」——
不为了统一而改模块文案(那是模块自己的措辞,用户没要求动)。 */
'add' => '新增电影', 'add_modal' => 'mvAddCard',
],
'books' => [
'name' => '读书', 'desc' => '在读与最近加进书架的书',