节点表单:24 小时制时间控件、附件可裁剪、保存失败不丢已填内容

1) 时间选择不再出现「上午/下午」
   datetime-local 的显示格式由浏览器 UI 语言决定(中文环境渲染成
   「下午 03:30」),页面与元素的 lang 都压不住(截图实测)。
   拆成「原生 date 控件 + 时下拉(00-23) + 分下拉(00-59)」组合控件
   (templates/_datetime.php),24 小时制由控件本身决定,浏览器改不掉。
   服务端 read_dt_input() 把三段拼回 Y-m-d H:i:s 并校验,兼容旧单字段。
   节点起止时间与成员签到时间一并换掉。

2) 附件可裁剪,不想裁点「确定」就按原图上传
   裁剪弹窗抽成 templates/_crop_modal.php 与照片页共用;表单里选完图
   自动逐张进入裁剪,整图选框=没裁(保留原文件、不重新编码、省 base64
   流量),裁过的走 cropped 通道(隐藏域 JSON,原生表单提交也能带),
   没裁的留在 input.files,已裁卡片带角标,可随时重置重来。

3) 节点保存失败不再清空整页
   服务端:失败分支 flash_old($_POST),重开的表单按 old()/old_array()/
   old_dt() 全字段回填(含勾选删除状态),渲染完即清(layout.php)。
   前端:sessionStorage 草稿兜底服务端拿不到 $_POST 的情况
   (post_max_size 超限、会话过期),恢复条件收窄到「页面有错误提示条」,
   避免陈旧草稿污染新表单。

已验证:本地 php -l 全量 0 错、模板渲染 275 项、表单交互(真实浏览器)
73 项——含真实裁剪一刀、草稿恢复、三段式时间选择;远端 e2e 289 项
0 失败(存储设置测试期间归一为 local,不再写用户真实 OSS 桶,收尾还原);
部署后双 PHP 渲染逐字节一致、59 文件哈希校验一致。
This commit is contained in:
2026-09-23 09:11:42 +08:00
parent 44ffee6c92
commit 86e0481a19
10 changed files with 633 additions and 77 deletions
+5 -1
View File
@@ -28,8 +28,12 @@ class MemberController
(int)($_POST['user_id'] ?? 0),
array_map('intval', $roleTagIds),
trim((string)($_POST['emotion'] ?? '')),
(string)($_POST['check_in_time'] ?? '')
// 「日期 + 24 小时制时/分」组合控件;留空时 read_dt_input 返回 null,语义是「未签到」
(string)(read_dt_input('check_in_time') ?? '')
);
if (!$result['ok']) {
flash_old($_POST); // 失败也别让人白填
}
flash('error', $result['ok'] ? '已保存参与人' : $result['error']);
redirect('nodes/show', ['id' => $nodeId], 'members');
+8 -14
View File
@@ -64,6 +64,8 @@ class NodeController
$input = $this->collectInput($db, $activity, $category);
if ($input['error'] !== null) {
// 校验失败必须把用户刚填的内容原样带回去,否则一重定向表单就是空的,等于白填
flash_old($_POST);
flash('error', $input['error']);
redirect('nodes/create', ['activity_id' => $activity['id'], 'category' => $category]);
}
@@ -118,6 +120,7 @@ class NodeController
$input = $this->collectInput($db, $activity, $category, $node);
if ($input['error'] !== null) {
flash_old($_POST); // 同 store():失败不能让用户白填
flash('error', $input['error']);
redirect('nodes/edit', ['id' => (int)$node['id']]);
}
@@ -378,8 +381,9 @@ class NodeController
*/
private function collectInput(\PDO $db, array $activity, string $category, ?array $node = null): array
{
$startTime = $this->normalizeDateTime((string)($_POST['start_time'] ?? ''));
$endTime = $this->normalizeDateTime((string)($_POST['end_time'] ?? ''));
// 「日期 + 24 小时制时/分」组合控件(read_dt_input 里说明了为什么不用 datetime-local)
$startTime = read_dt_input('start_time');
$endTime = read_dt_input('end_time');
if ($startTime === null || $endTime === null) {
return ['error' => '开始和结束时间必填', 'data' => []];
}
@@ -451,17 +455,6 @@ class NodeController
return ['error' => null, 'data' => $data];
}
/** datetime-local 传上来是 2026-09-12T10:30,统一成 MySQL 认的 "Y-m-d H:i:s" */
private function normalizeDateTime(string $value): ?string
{
$value = trim($value);
if ($value === '') return null;
$value = str_replace('T', ' ', $value);
$ts = strtotime($value);
if ($ts === false) return null;
return date('Y-m-d H:i:s', $ts);
}
private function fetchOwnActivity(int $id): array
{
if ($id <= 0) {
@@ -530,7 +523,8 @@ class NodeController
/**
* 请求体超限的统一提示。
*
* 这时 $_POST 已经被 PHP 丢掉了,拿不到 activity_id,只能尽量退回一个合理页面。
* 这时 $_POST 已经被 PHP 丢掉了,**无从回填**(服务端拿不到任何字段),
* 只能尽量退回一个合理页面;已填内容的恢复靠表单里的 sessionStorage 草稿。
*/
private function flashTooLarge(): void
{