v49:条目浮层的「详情/编辑/删除」按**来源**分形态(三颗靠右 + 就地展开/编辑 + AJAX 删除)
用户 2026-10-14 第 2 条。用户原话:
「下面三个按钮,都放在下面的右侧…分别是详情、编辑和删除。详细用蓝色,编辑用黄色,删除用红色。
点击详细的时候,**如果这是一个日程**(正常日程里的事件、不是来自观影/旅程等模块)
→ 就**在当前页面让模态框变大**、显示更多信息。
点击编辑,也是**在当前的界面**弹出编辑日程的框,就地编辑;编辑完之后下面两个按钮:取消和保存。
点击删除,就直接把这个日程给删除。
如果当前这个日程**来自其他模块**(观影 / 旅程 / 其它)→ 点击详情就**进入那些模块**展示它。
**这种情况下,下面就没有编辑、也没有删除,就只有一个详情。**」
拍板:① 应用范围 = 首页日程 + 日程页条目(首页近期任务保持 v43 现状);
② 重复日程删除 → 弹三档范围(这一次 / 这一次及以后 / 全部)。
实现(7 个文件):
· app/helpers.php fb_entry_json() 扩契约:source('event'/'derived') / ref / del / info /
repeat / occ。判据 `kind==='custom' && ref_id>0`(**不是**"有没有 edit")。
· app/Calendar.php month() 给自定义条目带 _can_write(供 del 判定)。
· templates/_entry_popup.php 底栏重构成「右侧按钮组 + 7 颗」:详情态三颗、
编辑态两颗(取消/保存)、删除范围态两颗(取消/确认删除);另加一颗
**遮罩层里的 CSRF**(正文会被整块换掉,放正文会丢)。
· assets/js/entry_popup.js 四态状态机(detail/info/edit/delscope),按 source 决定显哪几颗。
· assets/css/app.css .fb-entry-acts(margin-left:auto 靠右)+ fb-a-detail/edit/del 三色
+ .is-wide(620→860px)。⚠️ 全是**作用域类**,不动全局 .btn-edit/.btn-danger 的语义。
· index.php 新增 calendar/event?embed=detail(只吐只读详情块);
calendar/event_del **认 X-Requested-With 回 JSON**($done() 收口,失败也回原因)。
· templates/calendar/event.php 支持 $evDetail(只吐 kv 只读块,与可写与否无关)。
本轮修掉两个真 bug(都是"藏不掉"):
① `.btn{display:inline-flex}` 是作者样式,**盖过 [hidden] 的浏览器默认**
⇒ 底栏四态切换时前面的按钮收不起来、全挤在一条上(派生条目本该只有「详情」,
实测三颗都露着)。⇒ 显式写 `.fb-entry-acts .btn[hidden]{display:none!important}`。
本项目文件前部已有同款注释(.pick-row[hidden] 等),属第 N 次同类。
② `footShow('detail')` 把三颗无条件点亮,**盖掉** paintDetail 按来源设的 hidden。
⇒ detail 组只列「详情」,且 paintDetail 里**先 footShow 再设 edit/del**(顺序写进注释)。
验证(新增 2 个套件):
· _fb_v49_entry.py(33 条真机断言:三颗靠右/配色/派生只有详情/详情就地变宽/编辑就地/
删除落库/日程页入口/重复弹范围)
· _b49_falsify.py(**10 注入 / 21 断言全抓**)
· 更新 _fb_b43_ui.py 旧断言(「详细信息」→「详情」;自定义日程的详情语义从"跳页"改"就地展开")
· familybook_deploy.sh 加 v49 静态断言段
· 全量 e2e / vCard / 几何 / 各批反向验证全绿;部署脚本 0 FAIL(含"第49批形态");
线上 7 个文件 md5 与本地逐字节一致;线上门禁诊断 13 项全 YES,临时页已删并复验 404
⚠️ 反向验证抓到一条**假绿**(值得记下来):注入「给派生条目也塞 del」时探针**没变红** ——
因为按钮显隐是 `source` **且** `del` 的多条件"与",只塞 del 在界面上显不出来。
⇒ 补一条**数据层**断言(直接读 data-fb-entry 的 del 必须为空),两层判据都在。
⚠️ 末段唯一"失败"是沙箱的安全删除门禁(SAFE_DELETE_BULK_CONFIRM_REQUIRED,按轮次累计、
本轮流水线删超 50 个文件):单独重跑 _fb_v46_carddav.py 是 **29/0**,与环境有关,与本次改动无关。
This commit is contained in:
+40
-1
@@ -5765,10 +5765,49 @@ h5.md-h, h6.md-h { font-size: 14px; }
|
||||
}
|
||||
.fb-entry-modal[hidden] { display: none; }
|
||||
.fb-entry-panel { width: min(620px, 100%); max-height: calc(100vh - 64px); }
|
||||
/* 🔴 v49(用户 2026-10-14 第 2 条):「点击详情…让模态框**变大**,显示更多信息」。
|
||||
加宽到 860px(620 的 1.39 倍)—— 详情里可能有多行"标签:值"与附件清单,
|
||||
宽一点才不至于每行都折行。窄屏仍占满。 */
|
||||
.fb-entry-panel.is-wide { width: min(860px, 100%); }
|
||||
/* 底栏右侧的按钮组(用户:「三个按钮,都放在下面的右侧」)。
|
||||
`margin-left:auto` 把整组推到右边;左端那句提示(.cal-modal-tip)留在原地。
|
||||
⚠️ 不用 `.cal-modal-foot .btn[type=submit]{margin-left:auto}` 那条(它只管提交键)。
|
||||
⚠️ 组内允许换行:窄屏三颗按钮挤不下时要能折到第二行,而不是撑破底栏。 */
|
||||
.fb-entry-acts {
|
||||
margin-left: auto;
|
||||
display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end;
|
||||
}
|
||||
/* 🔴🔴 v49:**必须显式声明 `[hidden]`**(与文件前部那条"凡靠 [hidden] 隐藏的都再写一次"
|
||||
同一条规律)。原因:`.btn { display: inline-flex }` 是**作者样式**,
|
||||
特异性与优先级都高于 `[hidden]` 的**浏览器默认** `display:none`
|
||||
⇒ `hidden` 属性对 `.btn` **完全无效**。
|
||||
症状:底栏四态切换时,前面那些按钮"藏不掉"、全都挤在一条上
|
||||
(本轮实测:派生条目本该只有「详情」,却三颗都露着)。
|
||||
⚠️ 用 `!important` 与文件前部 `.pick-row[hidden]` 那组的写法保持一致 ——
|
||||
底栏是"四态互斥"的强语义,宁可压过一切。 */
|
||||
.fb-entry-acts .btn[hidden] { display: none !important; }
|
||||
/* 三颗的配色(用户:「详细用蓝色,编辑用黄色,删除用红色」)。
|
||||
⚠️ **作用域类**(fb-a-*),不去改全局 `.btn-edit` / `.btn-danger` 的语义 ——
|
||||
本项目踩过"裸类改色波及别页"的坑(v41 把影院管理页的蓝色编辑改成了黄,见上面那段)。
|
||||
⚠️ 三处形态都写(裸类 / a. / button.):`.btn`、`a.btn`、`button.btn` 的特异性不同,
|
||||
漏一种就有一种是错的(这条规律 v40 已验过)。 */
|
||||
.fb-a-detail, a.fb-a-detail, button.fb-a-detail {
|
||||
background: var(--blue); color: #fff; border-color: transparent;
|
||||
}
|
||||
.fb-a-edit, a.fb-a-edit, button.fb-a-edit {
|
||||
background: var(--yellow); color: #fff; border-color: transparent;
|
||||
}
|
||||
.fb-a-del, a.fb-a-del, button.fb-a-del {
|
||||
background: var(--red); color: #fff; border-color: transparent;
|
||||
}
|
||||
.fb-a-detail:hover, .fb-a-edit:hover, .fb-a-del:hover { filter: brightness(.92); }
|
||||
/* 编辑态下正文里就是一张完整表单(内边距由它自己那份 CSS 给)——
|
||||
这里只保证它不双份留白。 */
|
||||
.fb-entry-panel .cal-modal-body > .mv-form-inner,
|
||||
.fb-entry-panel .cal-modal-body > .nf-wrap { padding: 0; }
|
||||
/* 详情展开块:`?embed=detail` 吐的只读 dl(带 .ev-detail-block)。
|
||||
它自己那份 `.card-pad` 内边距在浮层里是多余的(面板已有 padding)。 */
|
||||
.fb-entry-panel .ev-detail-block { padding: 0; }
|
||||
@media (max-width: 640px) {
|
||||
.fb-entry-panel { width: 100%; }
|
||||
.fb-entry-panel, .fb-entry-panel.is-wide { width: 100%; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user