v35 第 35 批:日期控件改用原生(Semi 时间面板不可用)+ 观影附件上传真修好 + 票根/合影归并成「观影照片」

用户原话(三段):
  ①「选择日期那个地方给,非常不好用。如果我不选日期,只选时间,框里面仍然是空白的,
     也没有确定按钮,这个需要重新调整一下。」
  ②「现在上传附件,也就是在观影模块里面上传附件,怎么还是有问题?上传的附件现在
     都没有保存,有时候我上传两个附件,它只保存一张。」
  ③「除了海报之外,票根、现场照片等等都不分类别,都只分一个类,放在一块。…
     只有海报是单独的,因为它是从豆瓣里面下载回来的。其他的都放在一个模块就行,
     然后所有照片都上传到一起,直接写"观影照片"就可以了。」

① 日期控件:**Semi 的时间面板根本不可用**(这条最费时间)
  实测(独立最小复现页 + 真机):Semi 的 dateTimeRange 面板**只给日期网格**,
  时间藏在 `.semi-datepicker-switch-time` 那个小时钟按钮后面;**点了它切到时间面板,
  面板仍然是空的**(timeLists=0、无选项、无 footer、无"确定")→ 根本无法"只选时间"。
  单点 dateTime 同样。⇒ 与用户描述完全一致。
  修:弃用 Semi 的时间选择,改用**原生** date + time(step=1)
  (24 小时制、精确到秒、点了就选、不选日期也有值、**不需要**确认按钮)。
  原来的 时/分/秒 三个下拉**仍留在 DOM**(POST 契约 *_date/_hour/_minute/_second
  一字不改),只是加 .dt-merged 视觉收起。
  app.js 的 upgradeRange()/upgrade() 都不再挂 Semi;CSS 加 .is-native-range 系列
  把 Semi 时代的"藏原生 / 两端让位"规则覆盖回来。

② 观影附件上传丢文件:**两条路径都断了**
  · 暂存路径(拖放):上传框走"拖进来即刻上传到暂存区",令牌进 stage_token[];
    而 movies/create|update 与 movies/photo_add **只读 $_FILES['photo']**
    ⇒ stage_token[] **从来没人认领** ⇒ 拖进去的一个都没存。
  · Movie::update() **完全不写 photos**(那句"photos 由单独的删除路由维护"的注释下
    根本没写),而路由明明算好了 $d['photos'] 传进来 ⇒ 编辑保存丢照片。
  修:路由新增 stage_token[] 认领循环(与 $_FILES 路径并存);photo_add 加兜底;
  Movie::update 补上 savePhotos。

③ 归并:表单去掉独立"票根"上传框,"现场合影"并入**一个**「观影照片」块;
  详情页「影像记录」→「观影照片」、去掉票根/照片分类标签。
  数据层本来就是平的(event_photos 只有 key/position);
  ⚠️ 旧数据 movie_details.ticket_key **仍要显示**(历史票根不能丢)+ 服务端仍接收
     $_FILES['ticket'](向后兼容,直接 POST 仍可存)。

验证(全部真机跑,不是"看代码觉得对"):
  · _fb_b34_dtrange.py 33/0(四个表单页:组可见 + 两端日期框可见 + 两端时间框
    可见且 step=1 + 三个原生下拉仍在 DOM + 只选时间也能写回 *_hour/_minute/_second);
  · _fb_b35_movie_media.py 14/0(点击上传 2 张→库里 2 行;真 HTTP 打 upload_stage.php
    拿 stoken→随表单提交→落库;编辑补传→3 行;详情页补传→4 行;归并断言);
  · 反向验证:_fb_b34_dtrange_falsify 4/0、_fb_b35_media_falsify 8/0;
  · e2e 1503/0(两条断言随 v35 语义更新)、几何交互 92/0、各批真机/反向全绿、
    部署脚本静态断言空跑通过;线上 app.js / form.php 的 SHA256 与本地一致。

顺带修掉的工具链脆弱(本轮暴露):
  · push.sh 开头加"确保本地测试库在跑"的守卫(长时间跑流水线时 mysqld 会被环境
    回收 → e2e/真机探针全崩,看着像代码坏了);
  · 探针别用固定字符窗口找函数体(注释一长就假红)、断言别写死字段名前缀
    (改期表单是 rev_ends_at_*)、set_input_files 的 id 要照 _stage_drop 的净化规则
    (photo[] → sd-photo)、提交按钮要精确定位(编辑页有多个 submit)。
This commit is contained in:
2026-10-09 20:23:09 +08:00
parent 9c70dbe0ff
commit 5c81f1991f
6 changed files with 287 additions and 175 deletions
+30
View File
@@ -599,6 +599,14 @@ textarea.input { min-height: 76px; resize: vertical; }
⚠️ 用 visibility:hidden 而不是 display:none —— 保留元素占位高度,
否则升级完成的那一瞬表单会"跳"一下(高度从 0 变 40px)。 */
html.js .dt-input:not(.is-semi) .dt-native { visibility: hidden; }
/* 🔴 v35:native 升级态 —— 不再挂 Semi,原生控件**就是要显示**。
这条必须写在上面那条**之后**(同选择器强度下后者胜),
否则"未 .is-semi → 藏原生"会把我们露出来的控件又藏回去。 */
html.js .dt-input.is-native .dt-native { visibility: visible; }
html.js .dt-input.is-native::after { display: none; } /* 去掉占位骨架 */
html.js .dt-range.is-native-range .dt-input,
html.js .dt-range.is-native-range > .dt-range-label { visibility: visible; }
html.js .dt-range.is-native-range::before { display: none; } /* 去掉范围占位骨架 */
/* ⚠️ v24 第 21 批 第 7 条:两端现在各自被 `.field` 包着,所以选择器要跟着下沉一层。
写成 `> .dt-input` 的话这条**永远不会命中** → 未升级时原生控件照旧可见,
与下面那块"占位骨架"叠在一起,会看到两套控件重影。 */
@@ -730,6 +738,28 @@ body[class] .semi-datepicker-day-inhover { background-color: color-mix(in srgb,
}
.dt-input .dt-colon { color: var(--muted); font-weight: 600; }
/* 🔴 v35:v35 起时间不再是「时:分:秒」三个下拉,而是**一个**原生
`<input type="time" step="1">`(24 小时制、精确到秒、点了就选、无需确认按钮)。
三个下拉仍在 DOM 里(提交契约不变),但视觉上收起来。 */
.dt-input .dt-merged { display: none !important; }
.dt-input .dt-time-input {
flex: 0 0 auto;
padding: 9px 10px; border: 1px solid var(--line); border-radius: var(--radius-s);
background: var(--surface); color: var(--ink); font: inherit;
font-variant-numeric: tabular-nums; cursor: pointer;
accent-color: var(--brand);
}
.dt-input .dt-time-input::-webkit-calendar-picker-indicator { cursor: pointer; opacity: .65; }
/* 范围里两端各占一行时,"日期 + 时间"两个框排在一起 */
.dt-input.is-native-range { gap: 8px; }
.dt-range.is-native-range { display: flex; flex-direction: column; gap: 10px; }
/* 🔴 v35:`.dt-range.is-semi-range > .dt-input { display:none }` 是 **Semi 时代**
"两端让位给那个一体化范围控件"的规则。v35 起两端**就是要显示**的,
所以 native-range 必须把它覆盖回来 —— 否则端点被 display:none,用户又看不到。 */
.dt-range.is-native-range > .dt-input,
.dt-range.is-native-range > .field { display: flex; }
.dt-range.is-native-range > .field { flex-direction: column; gap: 8px; }
/* 「以哪个生日为准」的两块:被选中的那块描一圈,一眼看出填的是哪边 */
.bd-source { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 6px; }
.bd-pane { border: 1px solid transparent; border-radius: var(--radius); padding: 10px 12px 2px; }