v24 第 19 批：拖动上传 / 返还按钮 / TripLog 补迁 / 参与人回填 / 预览翻页 / 行程按钮（用户 8 条）

用户 8 条原话要点：
  ①「为所有的图片视频附件上传处，提供拖动上传的功能」
  ②「旅程详情页面，增加返回按钮，点击后返回到旅程列表」
  ③「已有行程的出行方式，包括航班号，怎么没从 triplog 系统迁移过来？」
  ④「题图右侧有一句话显示，但点编辑进去却看不到这句话」
  ⑤「编辑行程，参与的人没有带进来，还是空的。同样的问题也出在观影编辑时」
  ⑥「预览的时候左右有箭头可以直接看下一张；md5 的文件名放在预览图下面没有意义，去掉；
     如果是文件，则在图标上显示文件名」
  ⑦「计划行程的修改/完成/未成行横着排列放行程右上角，修改黄、完成绿、未成行红；
     实际行程的编辑删除也放右上角，编辑黄、删除红」
  ⑧「选人弹框暂存区太小了看不见人；前面的复选框没用，去掉」

🔴 抓到的两个真根因（都不是"没写对"，是两处看似无关的地方）：
  1. **⑤ 参与人不回填 = 两个独立原因叠加**
     (a) `Trip::node()`（单条）只 `SELECT *`，**不带 members/attachs**；而
         `Trip::nodes()`（列表）是带的。编辑页走前者 → `$ppSelected=[]` 永远空。
         同一处还让编辑页的照片墙永远不显示。→ 单条也挂 members/attachs/花销。
     (b) `person_picker.js` 的 `init()` 末尾**无条件** `refresh()` → `syncChips()`
         第一句 `chips.innerHTML=''` 再从**懒建**的候选清单重建 —— 首屏清单还没建，
         一个 input 都没有 → **服务端渲染的 chips 全被清掉、补不回来**。
         症状极隐蔽：curl 看到的 HTML 里有 3 个 chip，浏览器里数出来是 0。
         → `syncChips` 加 `if (!built) return;` 守卫 + `ppSetSelected` 前先 `box.ppBuild()`。
  2. **④ 那句话 = 详情页读了两个字段**：`display:summary` + `events.note`（老字段，
     表单里早没有输入框）→ 老数据的 note 在详情页冒出来、却无从修改。
     → 详情页只渲 summary；老数据给一句"点这里补简介"的提示；
        由 `_fb_b19_backfill.php` 一次性搬进 summary。

本批新增能力：
- **拖动上传**（第 1 条）：app.js 自动扫全页 `input[type=file]` 挂 DnD，**不改任何模板**
  → 全站十几处上传点一次到位；`data-pick-input` 指向的**预览图**也当落点
  （题图/头像的 input 是 sr-only，往图上拖才自然）。三个必须踩准的点：
  `dragover` 必须 preventDefault；`dt.items.add` 真写回 `input.files`；
  写回后**手动派发 `change`**（`input.files=` 不会自己触发，预览/裁剪器都听 change）。
  MutationObserver 补挂动态出现的框。
- **预览左右翻页**（第 6 条）：候选 = 同页全部 `[data-prev]`（文档顺序），
  `‹ ›` 按钮 + 键盘 ←→（**只在图片上**接管方向键，视频/PDF 里方向键另有含义）；
  只有一个附件时箭头隐藏（点了没反应比没有更糟）；右上角带"第几张/共几张"。
- **附件墙**（第 6 条）：缩略图下**不再写**（哈希）文件名；文件的名字压到**图标里**；
  `att-doc-name` 两行封顶 + 省略号（长名不撑变形）。
- **行程按钮**（第 7 条）：`.node-ops` 由 `column` 改 `row` + 贴顶；新增
  `.btn-warn/.btn-ok/.btn-del`（**实心**黄/绿/红）—— 与全站淡红描边的 `.btn-danger`
  刻意分开（改它会连带改掉十来处「删除」的样子）。「编辑」保留（改标题/加花销的唯一入口）。
- **选人弹框**（第 8 条）：暂存区 148px 死高度 → `min-height:132px; max-height:46vh`，
  chip 头像 20→28px；多选加 `.pp-compact` 隐藏复选框（**只 `display:none`，
  input 仍在 DOM** —— 提交语义全靠它，绝不能 remove）。

上线补迁（`_tooling/_fb_b19_backfill.php`，幂等、不覆盖已有值）：
- ③ TripLog 的 `travel_modes.mode_type` + `trip_number/line_name/carrier`
  → FamilyBook 的专列。`drive_own/drive_rental` 都映射成 `drive`（FamilyBook 的
  "自驾"是一个方式，"哪台车"由 vehicle_id 表达）；车辆按**车牌**对上；
  顺手删掉 detail 里那段重复的「班次：…」。线上实跑 18 条、跳过 2 条。
- ④ `events.note` → `trip_details.summary`（只搬 summary 为空、note 有内容的，2 条）。

验证（本地全套 + 线上）：
- e2e **960/0**（+23 条本批断言，含"成员清空后编辑页也不显示"的反向）· 升级 149/0 ·
  城市解析 32/32 · 桌面几何 428/0 · 真机 UI **27/0**（拖动/翻页/按钮几何与配色）·
  真机选人 chip **2/0**。
- **反向验证 4/4**：①`Trip::node` 去掉 members ②`syncChips` 去掉守卫
  ③详情页把 note 渲回来 ④附件墙把文件名写回去 —— 四种坏法全部被抓到，
  且还原后 e2e 复绿 960/0。
- 线上：部署成功（双版本 l 通过 + 19 条站点自检全过）；补迁后 18 段行程有出行方式、
  7 段有车次、10 段挂车、2 个旅程有简介；线上 `Trip::node()` 实调
  members/attachs 都回来了（部署前是 0）。

templates/trips/show.php

@@ -46,6 +46,10 @@ $groupMeta = [
   <h1><?= e((string)$t['title']) ?></h1>
   <?php /* ⚠️ 用户第 6 条：标题旁边**不放**时间。时间在下面题图右侧的信息区里。 */ ?>
   <div class="actions">
+    <?php /* 用户第 19 批 第 2 条：「旅程详情页面，增加返回按钮，点击后返回到旅程列表。」
+             按全站规矩放在动作区最左（右起是：设置 → 删除 → 动作），
+             文案与观影页统一成「返回旅程」。 */ ?>
+    <a class="btn btn-ghost" href="<?= e(url('trips')) ?>">返回旅程</a>
     <?php if ($canWrite): ?>
       <?php /* 用户第 6 条：添加计划行程 / 实际行程的按钮都放**右上角**，
                点击打开**新页面**（第 5 条：不再内联，内联会把页面撑破）。 */ ?>
@@ -138,13 +142,34 @@ $groupMeta = [
       </div>
     <?php endif; ?>
 
-    <?php /* ---- 简介：用户第 2 条明确"简介那一段话保留" ---- */ ?>
+    <?php /* ---- 简介（用户第 2 条明确"简介那一段话保留"）。
+       🔴 v24 第 19 批 第 4 条修的是这里：用户报「详情页题图右侧有一句话显示，
+          但点击编辑进去，却看不到这句话」。原因就是**这句话读的字段和表单存的
+          字段不是同一个**：
+            · 旅程表单存的是 `trip_details.summary`（编辑页那个「一段简介」框）；
+            · 而这里先读 `summary`，再读 `events.note`（**老字段**，表单里早就没有
+              这个输入框了），两句都用 .trip-sum 的画法渲染 ——
+              于是老数据里的 `note` 会在详情页冒出来，编辑页却无从修改/删除。
+          现在只渲染 `summary` 一个来源：**页面显示的每一句话，编辑页都能改**。
+          `note` 不再出现在详情页（数据仍留在库里，不删）。
+          老数据里"只填过备注、没填过简介"的那批由
+          `_tooling/_fb_b19_backfill.php` 一次性搬进 summary。 */ ?>
     <?php if (!empty($t['summary'])): ?>
       <p class="info-text trip-sum"><?= nl2br(e((string)$t['summary'])) ?></p>
     <?php endif; ?>
 
-    <?php if (!empty($t['note'])): ?>
-      <p class="remark-text"><?= nl2br(e((string)$t['note'])) ?></p>
+    <?php /* 老数据兜底（v24 第 19 批 第 4 条）：只填过「备注」、没填过「简介」的旅程，
+           简介这里就是空的。**不能把 note 直接当简介显示** —— 那正是用户报的
+           "详情页有、编辑页看不到"。但也不能让用户觉得"我的字丢了"，
+           所以给一句能点进去补的提示；真正的内容会被 `_fb_b19_backfill.php`
+           一次性搬进 summary（搬完这条提示自然消失）。 */ ?>
+    <?php if (empty($t['summary']) && !empty($t['note'])): ?>
+      <?php if ($canWrite): ?>
+        <p class="trip-sum-legacy">
+          这段旅程的旧「备注」还没搬成简介 ——
+          <a href="<?= e(url('trips/edit', ['id' => (int)$t['id']])) ?>">点这里补一段简介</a>。
+        </p>
+      <?php endif; ?>
     <?php endif; ?>
   </div>
 </div>
@@ -303,19 +328,39 @@ foreach ($bysStage as $lst) { $shown += count($lst); }
             </div>
 
             <?php if ($canWrite): ?>
+              <?php /* ==================== 动作按钮（v24 第 19 批 用户第 7 条）====================
+                   用户原话：
+                     · 「计划行程的三个按钮，修改、完成、未成行，横着排列，放在行程右上角，
+                        修改是黄色背景，完成绿色，未成行红色。」
+                     · 「实际行程的编辑和删除按钮，也放在行程的右上角，编辑黄色，删除红色。」
+
+                   ⚠️ 于是配色按**颜色**来（不再是"主/次"那套）：
+                       · 修正 / 编辑 → `.btn-warn`（黄）
+                       · 完成        → `.btn-ok`（绿）
+                       · 未成行 / 删除 → `.btn-del`（红）
+                     ⚠️ 用户说的"修改"就是这里的「修正」（第 13 批定的名字）——
+                        我们**保留产品名**不改，但把它染成用户要的黄色。
+                     ⚠️ 「编辑」用户没提，但它不能丢：改标题/时间/类型/出行方式与**加花销**
+                        都只走它（花销面板在编辑页里）。按用户给的颜色语义染黄。
+                     ⚠️ 「标记为实际」是"修正过之后才出现"的收尾动作，也按黄色（同属"改"）。
+                     ⚠️ 删除按钮：用户明确要求**红色**。这里用 `.btn-del`（实心红），
+                        与全站 `.btn-danger`（淡红描边）刻意分开 —— 改 `.btn-danger`
+                        会连带改掉十来处「删除」按钮的样子。
+                     ⚠️ 计划行的删除入口**保留**：`skipNode`（未成行）是主路径，
+                        但"记错了、这段根本不该存在"时仍需要真删（hint 里也这么写）。 */ ?>
               <div class="node-ops">
                 <?php /* 用户第 5 条：**编辑行程打开新页面**（内联的编辑面板会把页面撑破） */ ?>
-                <a class="btn btn-ghost btn-sm"
+                <a class="btn btn-warn btn-sm"
                    href="<?= e(url('trips/node_edit', ['id' => $nid])) ?>">编辑</a>
 
                 <?php if ($sg === 'plan'): ?>
                   <details class="rev-open">
-                    <summary class="btn btn-ghost btn-sm">修正</summary>
+                    <summary class="btn btn-warn btn-sm">修正</summary>
                     <div class="rev-panel">
                       <p class="rev-tip">
                         记录实际执行情况。这仍与上面那条计划是<b>同一条记录</b>，
                         原来的计划数据会保留在「修正记录」里，方便日后对比。
-                        点完这里<b>这段行程仍是计划</b>；确认无误后再点「标记为实际」。
+                        点完这里<b>这段行程仍是计划</b>；确认无误后再点「完成」。
                       </p>
                       <?php
                         $rvNode = $n; $rvTripId = (int)$t['id'];
@@ -330,21 +375,21 @@ foreach ($bysStage as $lst) { $shown += count($lst); }
                     <?= csrf_field() ?>
                     <input type="hidden" name="id" value="<?= $nid ?>">
                     <input type="hidden" name="trip_id" value="<?= (int)$t['id'] ?>">
-                    <button class="btn btn-sm" type="submit">完成</button>
+                    <button class="btn btn-ok btn-sm" type="submit">完成</button>
                   </form>
                   <form method="post" action="<?= e(url('trips/node_skip')) ?>" class="res-inline"
                         onsubmit="return confirm('标记为「未成行」？它不会再出现在日程与往年今日，但在这个旅程里仍然看得到。')">
                     <?= csrf_field() ?>
                     <input type="hidden" name="id" value="<?= $nid ?>">
                     <input type="hidden" name="trip_id" value="<?= (int)$t['id'] ?>">
-                    <button class="btn btn-ghost btn-sm" type="submit">标记未成行</button>
+                    <button class="btn btn-del btn-sm" type="submit">未成行</button>
                   </form>
                   <?php if ((int)($n['revision_n'] ?? 0) > 0): ?>
                     <form method="post" action="<?= e(url('trips/node_actual')) ?>" class="res-inline">
                       <?= csrf_field() ?>
                       <input type="hidden" name="id" value="<?= $nid ?>">
                       <input type="hidden" name="trip_id" value="<?= (int)$t['id'] ?>">
-                      <button class="btn btn-sm btn-primary" type="submit">标记为实际</button>
+                      <button class="btn btn-ok btn-sm" type="submit">标记为实际</button>
                     </form>
                   <?php endif; ?>
                 <?php elseif ($sg === 'skipped'): ?>
@@ -352,16 +397,16 @@ foreach ($bysStage as $lst) { $shown += count($lst); }
                     <?= csrf_field() ?>
                     <input type="hidden" name="id" value="<?= $nid ?>">
                     <input type="hidden" name="trip_id" value="<?= (int)$t['id'] ?>">
-                    <button class="btn btn-ghost btn-sm" type="submit">恢复为计划</button>
+                    <button class="btn btn-ok btn-sm" type="submit">恢复为计划</button>
                   </form>
                 <?php endif; ?>
 
                 <form method="post" action="<?= e(url('trips/node_del')) ?>" class="res-inline"
-                      onsubmit="return confirm('彻底删除这段行程？连同它的修正记录一起消失，不可恢复。\n\n如果你只是想表达「这次没去成」，请用「标记未成行」。')">
+                      onsubmit="return confirm('彻底删除这段行程？连同它的修正记录一起消失，不可恢复。\n\n如果你只是想表达「这次没去成」，请用「未成行」。')">
                   <?= csrf_field() ?>
                   <input type="hidden" name="id" value="<?= $nid ?>">
                   <input type="hidden" name="trip_id" value="<?= (int)$t['id'] ?>">
-                  <button class="btn btn-ghost btn-sm" type="submit">删除</button>
+                  <button class="btn btn-del btn-sm" type="submit">删除</button>
                 </form>
               </div>
             <?php endif; ?>