laoyang/FamilyBook
1
0
Fork 0
Code Issues 29 Pull Requests Actions Packages Projects Releases Wiki Activity

v24 第 17 批：城市聚合 / 高德地址 / 表单精简（用户 10 条）

Browse Source 
用户 10 条原话要点与落地：
- ①「统计出来的不是目的地，也不是车站，而是城市…城市要聚合，有多段行程，
  都有青岛作为出发地或者目的地，那么就只记一次」
  → trip_nodes 补 from_city/to_city（Schema v22），Trip::cities() 改成
    「出发地 ∪ 到达地」去重、按最早时间 + 出发地优先排。
    详情页信息区显示的就是这个聚合结果（第 4 条：「图片右侧显示的是聚合的城市，
    而不是终点地址」）。
- ②「类型不够丰富，你看看 triplog 里面都有哪些，都拿过来」
  → NodeType::TRIPLOG_TYPES（休息/突发/购物/拜访亲友），在 all() 里读时自愈补齐。
- ③「出行方式，只有选择自驾，才让选车辆；车辆下拉框不需要出现什么财务里登记的车，
  只把车辆列出来就行了」→ DRIVE_MODES 收窄成 ['drive']；
  Vehicle::pickable() 只回车辆库；车辆页删掉「财务里已登记的车」那块。
- ③「飞机、铁路，只记录车次、航班号就可以…座位什么的不记录了」
  → seat_info / gate 从表单与列表**彻底移除**（列保留，老数据不丢；
    saveNode 的 UPDATE 也不再写这两列，否则会抹掉迁来的数据）。
- ③「出发地和到达地，都用高德地图的接口，记录详细地址」+「参与人弹框选择」
  +「给参与人标注角色这个功能去掉」
  → 新增 templates/trips/_loc_field.php（高德联想 + 详细地址 + 坐标 + 城市 +
    导航链接，没配 key 也能手输）；参与人改用全局弹框选人组件；
    角色输入框删除，saveNodeMembers 改成差集增删（否则老 role_tag 被静默抹掉）。
- ④「triplog 中的行程花销数据，没有同步过来，需要迁移过来」
  → 新增 _tooling/_fb_b17_backfill.php：迁地址（20 条）、花销（4 笔 ¥8584）、
    车辆（3 台）。线上已执行并核对（笔数与金额一分不差）。
- ④「行程中，时间明明具体到了时分秒，怎么不显示？」
  → Trip::nodeSpan()：行程时间精确到时分（同一天只写一次日期、跨天写月日、
    两头都没时分就不写 00:00）。

其他：
- App\Geo 扩展 cityFromPoint / cityFromText / navUrl / jsConfig。
  中文地址提城市修掉四种错法（白名单→黑名单、取最后→取第一个、直辖市最先认、
  离线表只能兜底），并加了「五大连池 ≠ 大连」的位置守卫。
- config.example.php 加 amap 段（key / security_js / nav_src）。

验证：
- e2e 920/0（+29 条本批断言）· 升级 149/0（+15 条 v22 断言）·
  城市解析 32/32（新套件，样例全是 TripLog 线上真实地址）·
  桌面几何 428/0 · 移动端 688/0 · 交互 92/0 · 窄屏溢出 24/0。
- 反向验证 5/5：城市退回读 place / 只算到达地 / 时间退回只到日期 /
  打车也要车 / 类型不补 —— 五种坏法全部被断言抓住。
- 部署：服务器自检 19/19；线上 schema v22；补迁后花销 4 笔 ¥8584 与源库对齐。
This commit is contained in:
laoyang
2026-10-05 16:45:10 +08:00
parent 2e51d3f5e4
commit c30ca99d22
13 changed files with 1158 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/trips/_loc_field.php
+79
View File
@@ -0,0 +1,79 @@
<?php
/**
* 地址输入（高德联想 + 详细地址 + 坐标），v24 第 17 批 用户第 3 条。
*
* 用户原话：「出发地和到达地，都用**高德地图的接口**，记录详细地址，
* 这个功能，triplog 也有，如果之前有数据，里面记录了行程的详细地址，
* 也都把数据迁移过来。」
*
* 界面照 TripLog 的 nodes/form.php：
* 一个可见的文本框（人能看到、能改、能自己敲）+ 四个隐藏字段
* （name / address / lng / lat —— 选中联想项后由 JS 填上）。
* **有坐标时**旁边出一个「🧭 导航到这里」链接（高德 URI API）。
*
* ⚠️ 三个必须做对的细节：
* ① **没配 key 也要能用**：SDK 不加载时文本框就是普通输入框，
* 用户手敲地名照样能存（只是没有详细地址与坐标）。
* 降级路径不能是"功能消失"，只能是"辅助变少"。
* ② **assoc 用 map 而不是 select**：TripLog 用 AMap.AutoComplete 直接挂到 input 上，
* 能边打边出候选，比"点一下弹搜索框"顺手得多。
* ③ **不要 `<label for>`**：这个片段在一个页面里会出现两次（出发地/到达地），
* for/id 对不上就会互相抢焦点。用包裹式 label。
*
* 用法（require 前设好）：
* $locPrefix 前缀（'from' | 'to'），决定所有 id 与字段名
* $locLabel 标签文字（「出发地」「到达地」）
* $locIcon 标签前的小图标（可选）
* $locPlaceholder 占位提示
* $locRow 行数据（可选；编辑时回填）：name/address/lng/lat 四个键
*/
declare(strict_types=1);
$locPrefix = (string)($locPrefix ?? 'from');
$locLabel = (string)($locLabel ?? '地点');
$locIcon = (string)($locIcon ?? '');
$locPlaceholder = (string)($locPlaceholder ?? '输入地址，如「青岛北站」');
$locRow = is_array($locRow ?? null) ? $locRow : [];
$locName = (string)($locRow['name'] ?? '');
$locAddr = (string)($locRow['address'] ?? '');
$locLng = (string)($locRow['lng'] ?? '');
$locLat = (string)($locRow['lat'] ?? '');
// 导航链接：有坐标走 navigation，没坐标退化成"按名字搜"
$locNav = \App\Geo::navUrl($locLng, $locLat, $locName);
$locId = 'loc-' . $locPrefix;
?>
<div class="loc-field" data-loc="<?= e($locPrefix) ?>">
<label class="loc-label" for="<?= e($locId) ?>-input">
<?php if ($locIcon !== ''): ?><span class="loc-ico"><?= e($locIcon) ?></span><?php endif; ?>
<?= e($locLabel) ?>
</label>
<input class="input loc-input" type="text"
id="<?= e($locId) ?>-input"
name="<?= e($locPrefix) ?>_place"
value="<?= e($locName) ?>"
placeholder="<?= e($locPlaceholder) ?>"
autocomplete="off"
data-loc-input>
<?php /* 高德没加载 / 用户自己敲的地名：这四个字段就是兜底存放处 */ ?>
<input type="hidden" name="<?= e($locPrefix) ?>_addr" value="<?= e($locAddr) ?>">
<input type="hidden" name="<?= e($locPrefix) ?>_lng" value="<?= e($locLng) ?>">
<input type="hidden" name="<?= e($locPrefix) ?>_lat" value="<?= e($locLat) ?>">
<?php /* 城市由前端选中时带回（高德 addressComponent 直接给城市名），
带不回就由服务端 App\Geo 解析 —— 两条路都通 */ ?>
<input type="hidden" name="<?= e($locPrefix) ?>_city" value="<?= e((string)($locRow['city'] ?? '')) ?>">
<div class="loc-extra">
<span class="loc-detail" data-loc-detail><?= e($locAddr !== '' && $locAddr !== $locName ? $locAddr : '') ?></span>
<a class="loc-nav" data-loc-nav
href="<?= e($locNav !== '' ? $locNav : '#') ?>"
target="_blank" rel="noopener"
<?= $locNav === '' ? 'hidden' : '' ?>>🧭 导航到这里</a>
</div>
</div>
<?php
// 只 unset 本片段自己的变量，宿主模板一个都不碰（与 _datetime.php 同一约定）
unset($locPrefix, $locLabel, $locIcon, $locPlaceholder, $locRow,
$locName, $locAddr, $locLng, $locLat, $locNav, $locId);
templates/trips/_revise_form.php
+15 -14
View File
@@ -39,11 +39,12 @@ $rvN = (int)($rvNode['revision_n'] ?? 0);
require __DIR__ . '/../_datetime.php'; ?>
<span class="tip">默认是计划的时间，改成实际发生的即可。</span>
</div>
<div class="field">
<label for="<?= e($rvPrefix) ?>-place">实际地点</label>
<input class="input" id="<?= e($rvPrefix) ?>-place" name="place"
value="<?= e($rvNode['place'] ?? '') ?>" placeholder="没变就留空">
</div>
<?php /* 用户第 17 批 第 3 条：「参与人那里，和记录电影人一样，**弹框选择**，
不要全列出来，太多了。」——修正表单也是"选参与人"，同样走统一组件。
⚠️ 本批同时**去掉了「实际地点」输入框**：用户第 1 条把"地点"这件事
收敛成了**出发地 / 到达地**（城市由它们聚合），单留一个 free-text
「实际地点」会让人分不清它和出发地是什么关系。
修正要记的就是用户第 13 批原话里那三样：实际时间 / 实际参与人 / 说明。 */ ?>
<div class="field full">
<label for="<?= e($rvPrefix) ?>-detail">这次修正的说明</label>
<input class="input" id="<?= e($rvPrefix) ?>-detail" name="detail"
@@ -52,15 +53,15 @@ $rvN = (int)($rvNode['revision_n'] ?? 0);
<?php if (!empty($rvPeople)): ?>
<div class="field full">
<label>实际参与的人</label>
<div class="nf-members">
<?php foreach ($rvPeople as $p): ?>
<label class="check-item">
<input type="checkbox" name="members[]" value="<?= (int)$p['id'] ?>"
<?= in_array((int)$p['id'], $rvMembers, true) ? 'checked' : '' ?>>
<span><?= e(person_name($p)) ?></span>
</label>
<?php endforeach; ?>
</div>
<?php
$ppName = 'members[]';
$ppPeople = $rvPeople;
$ppSelected = $rvMembers;
$ppMode = 'multi';
$ppOpenBtn = '+ 选择实际参与的人';
$ppTitle = '这次实际去的都有谁';
require __DIR__ . '/../_person_picker.php';
?>
</div>
<?php endif; ?>
</div>
templates/trips/node_form.php
+218 -104
View File
@@ -1,31 +1,38 @@
<?php
/**
* 一段行程的新增 / 编辑 —— **独立页面**（v24 第 16 批 用户第 5 / 6 / 7 条）。
* 一段行程的新增 / 编辑 —— **独立页面**（v24 第 16 批 用户第 5 / 6 / 7 条；
* 第 17 批按用户第 3 条再改一轮）。
*
* 用户原话：
* · 第 5 条：「行程的编辑功能，点击后会把页面撑破。编辑行程，打开新的页面进行编辑。」
* · 第 6 条：「添加计划行程和实际行程的按钮，都放在右上角。点击后打开新的页面进行添加。」
* · 第 7 条：「添加和编辑行程的内容，你去找 triplog 里面的添加节点功能，跟那个一样。」
* · 第 17 批 第 3 条（本次）：
* ① 「出行方式，**只有选择自驾**，才让选车辆」；
* ② 「飞机、铁路，只记录**车次、航班号**就可以…**座位什么的不记录了**」；
* ③ 「出发地和到达地，都用**高德地图的接口，记录详细地址**」；
* ④ 「参与人那里，和记录电影人一样，**弹框选择**，不要全列出来，太多了」；
* ⑤ 「给参与人标注角色这个功能**去掉**，不要了」。
*
* ⚠️ 为什么必须独立成页（而不是继续用 `<details>` 内联）：
* TripLog 的节点表单有十几组字段（类型/时间/出行方式/交通细节/起终点/内容/
* 参与人/照片/状态），内联在主页面里会把整个详情页撑得极长；
* 更要命的是**编辑**时每个行程内联一份表单 → 页面上 N 份表单互相干扰
* （元素 id 撞车、密码管理器逐个扫描变卡）。这正是用户说的"把页面撑破"。
* TripLog 的节点表单有十几组字段（类型/时间/出行方式/交通细节/起终点/内容/
* 参与人/照片/状态），内联在主页面里会把整个详情页撑得极长；
* 更要命的是**编辑**时每个行程内联一份表单 → 页面上 N 份表单互相干扰
* （元素 id 撞车、密码管理器逐个扫描变卡）。这正是用户说的"把页面撑破"。
*
* 字段顺序照 TripLog 的 nodes/form.php：
* 类型 → 起止时间 → 标题 → 出行方式（+车辆+交通细节）→ 起点 → 终点
* → 内容 → 参与人 → 照片 →（编辑时）状态与花销。
* 字段顺序照 TripLog 的 nodes/form.php（第 17 批又砍掉了两处冗余）：
* 类型 → 标题 → 起止时间 → 出行方式（自驾才有车辆）→ 线路/车次/承运方
* → 出发地 → 到达地 → 内容 → 参与人 → 照片 →（编辑时）状态与花销。
*
* 变量（require 前设好）：
* $ev 所属旅程（events 行，带 title）
* $n 被编辑的行程；null = 新增
* $stage 'plan'|'actual'（新增时由按钮决定；编辑时取行程自己的）
* $people 名册
* $types 节点类型（NodeType::all）
* $vehicles 可挑的车（Vehicle::pickable，含"来自财务"的只读候选）
* $ev 所属旅程（events 行，带 title）
* $n 被编辑的行程；null = 新增
* $stage 'plan'|'actual'（新增时由按钮决定；编辑时取行程自己的）
* $people 名册（**只用于弹框组件**，不再平铺成一长串勾选框）
* $types 节点类型（NodeType::all）
* $vehicles 可挑的车（Vehicle::pickable —— 第 17 批起**只有自家车辆库**）
* $expenses 已有花销（编辑时）
* $errors 校验错误
* $errors 校验错误
*/
$isEdit = !empty($n);
$canWrite = \App\Auth::canWrite();
@@ -41,15 +48,30 @@ if (!isset(\App\Trip::NODE_STAGES[$stage])) { $stage = 'plan'; }
$curType = (string)($n['node_type'] ?? '');
$curMode = (string)($n['travel_mode'] ?? '');
$picked = array_map('intval', array_column((array)($n['members'] ?? []), 'id'));
// 参与人角色：person_id => role
$roles = [];
foreach ((array)($n['members'] ?? []) as $m) {
if (!empty($m['role_tag'])) {
$roles[(int)$m['id']] = (string)$m['role_tag'];
}
}
$back = url('trips/show', ['id' => (int)$ev['id']]);
// 车辆下拉：只有**自驾**才显示（用户第 3 条）。服务端先按已存值决定初始显隐，
// 之后由 app.js 里的 data-mode-select 跟着下拉变。
$needsVehicle = \App\Trip::modeNeedsVehicle($curMode);
// 车次/航班号：只有火车与飞机才显示（用户第 3 条）
$needsTicket = in_array($curMode, \App\Trip::TICKET_MODES, true);
// 起终点（编辑时从库里回填；老数据列是 varchar，坐标是 decimal）
$fromRow = [
'name' => (string)($n['from_place'] ?? ''),
'address' => (string)($n['from_addr'] ?? ''),
'lng' => (string)($n['from_lng'] ?? ''),
'lat' => (string)($n['from_lat'] ?? ''),
'city' => (string)($n['from_city'] ?? ''),
];
$toRow = [
'name' => (string)($n['to_place'] ?? ''),
'address' => (string)($n['to_addr'] ?? ''),
'lng' => (string)($n['to_lng'] ?? ''),
'lat' => (string)($n['to_lat'] ?? ''),
'city' => (string)($n['to_city'] ?? ''),
];
$amap = \App\Geo::jsConfig();
?>
<div class="page-head">
<h1>
@@ -76,7 +98,7 @@ $back = url('trips/show', ['id' => (int)$ev['id']]);
<?php endif; ?>
<div class="form-grid">
<?php /* ---- 类型（TripLog 的第一个字段）---- */ ?>
<?php /* ---- 类型（TripLog 的第一个字段；第 17 批 第 2 条已补齐到 8 种）---- */ ?>
<div class="field">
<label for="nf-type">类型 *</label>
<select class="select" id="nf-type" name="node_type">
@@ -109,7 +131,7 @@ $back = url('trips/show', ['id' => (int)$ev['id']]);
<?php if (!empty($errors['title'])): ?><span class="err"><?= e($errors['title']) ?></span><?php endif; ?>
</div>
<?php /* ---- 起止时间：一个范围控件 ---- */ ?>
<?php /* ---- 起止时间：一个范围控件（精确到秒，用户第 17 批问"怎么不显示时分秒"）---- */ ?>
<div class="field dt-range full">
<label>开始 / 结束</label>
<?php $dtName = 'starts_at'; $dtValue = $n['starts_at'] ?? '';
@@ -118,11 +140,10 @@ $back = url('trips/show', ['id' => (int)$ev['id']]);
<?php $dtName = 'ends_at'; $dtValue = $n['ends_at'] ?? '';
$dtId = 'nf-e'; $dtSeconds = true; $dtRange = 'end';
require __DIR__ . '/../_datetime.php'; ?>
<span class="tip">结束时间可不填。</span>
<span class="tip">结束时间可不填；填到几点几分，详情页就显示到几点几分。</span>
</div>
<?php /* ---- 出行方式 + 车辆（TripLog 的 travel_modes）----
用户第 8 条：车辆从财务里**读**，也可以加自己的（租的 / 借的）。 */ ?>
<?php /* ---- 出行方式（TripLog 的 travel_modes）---- */ ?>
<div class="field">
<label for="nf-mode">出行方式</label>
<select class="select" id="nf-mode" name="travel_mode" data-mode-select>
@@ -135,77 +156,65 @@ $back = url('trips/show', ['id' => (int)$ev['id']]);
</select>
</div>
<div class="field" data-mode-vehicle hidden>
<?php /* ---- 车辆：**只有自驾**才出现（用户第 17 批 第 3 条）----
用户原话：「出行方式，只有选择自驾，才让选车辆，车辆下拉框，
不需要出现什么财务里登记的车，只把车辆列出来就行了。」 */ ?>
<div class="field" data-mode-vehicle<?= $needsVehicle ? '' : ' hidden' ?>>
<label for="nf-veh">车辆</label>
<select class="select" id="nf-veh" name="vehicle_id">
<option value="">— 不指定 —</option>
<?php
$curVeh = (int)($n['vehicle_id'] ?? 0);
$ledgerShown = false;
foreach ($vehicles as $v):
$isLedger = (($v['from'] ?? '') === 'ledger');
if ($isLedger && !$ledgerShown) {
echo '<optgroup label="财务里已登记的车">';
$ledgerShown = true;
}
?>
<option value="<?= $isLedger ? (int)$v['id'] : (int)$v['id'] ?>"
<?= $curVeh === (int)$v['id'] ? ' selected' : '' ?>>
<?= e(\App\Vehicle::label($v) . ($isLedger ? '（来自财务）' : '')) ?>
<?php $curVeh = (int)($n['vehicle_id'] ?? 0); ?>
<?php foreach ($vehicles as $v): ?>
<option value="<?= (int)$v['id'] ?>"<?= $curVeh === (int)$v['id'] ? ' selected' : '' ?>>
<?= e(\App\Vehicle::label($v)) ?>
</option>
<?php endforeach; ?>
<?php if ($ledgerShown): ?></optgroup><?php endif; ?>
</select>
<span class="tip">
财务里登记过的车子会直接列在这里；租的车、借别人的车到
「设置 → 车辆管理」加一台。
<?php if (!$vehicles): ?>
车辆库还是空的 —— 到「设置 → 车辆管理」加一台（自家 / 租的 / 借的都能加）。
<?php else: ?>
租的车、借别人的车也到「设置 → 车辆管理」里加一台。
<?php endif; ?>
</span>
</div>
<?php /* ---- 交通细节（照 TripLog：线路名 / 车次 / 承运方 / 座位 / 登机口）---- */ ?>
<?php /* ---- 交通细节：**只有火车/飞机**才需要车次航班号（用户第 17 批 第 3 条）----
用户原话：「飞机、铁路，只记录车次、航班号就可以，其他的没法记录，
因为可能是多个人同行，座位什么的不记录了。」
⚠️ 所以这里**没有**「座位 / 车厢」与「登机口 / 站台」两个输入框
—— 它们对"一家人出行"没有意义（五六张票座位不在一起，
登机口出发当天才知道）。数据库那两列保留（老数据不丢），界面不再出现。 */ ?>
<div class="field" data-mode-ticket<?= $needsTicket ? '' : ' hidden' ?>>
<label for="nf-tripno">车次 / 航班号</label>
<input class="input" id="nf-tripno" name="trip_no"
value="<?= e(old('trip_no', $n['trip_no'] ?? '')) ?>" placeholder="如：G1234、CA1234">
<span class="tip">座位这类同团不同座的信息就不记了。</span>
</div>
<?php /* 线路名与承运方：火车/飞机时最有意义（「京沪高铁」「中国铁路」），
也允许其他方式填（比如「轮渡 5 号线」）—— 所以不按方式隐藏。 */ ?>
<div class="field">
<label for="nf-line">线路名</label>
<input class="input" id="nf-line" name="line_name"
value="<?= e(old('line_name', $n['line_name'] ?? '')) ?>" placeholder="如：京沪高铁、地铁 3 号线">
</div>
<div class="field">
<label for="nf-tripno">车次 / 航班号</label>
<input class="input" id="nf-tripno" name="trip_no"
value="<?= e(old('trip_no', $n['trip_no'] ?? '')) ?>" placeholder="如：G1234、CA1234">
</div>
<div class="field">
<label for="nf-carrier">承运方</label>
<input class="input" id="nf-carrier" name="carrier"
value="<?= e(old('carrier', $n['carrier'] ?? '')) ?>" placeholder="如：中国铁路、滴滴">
</div>
<div class="field">
<label for="nf-seat">座位 / 车厢</label>
<input class="input" id="nf-seat" name="seat_info"
value="<?= e(old('seat_info', $n['seat_info'] ?? '')) ?>" placeholder="如：7 车 12F">
</div>
<div class="field">
<label for="nf-gate">登机口 / 站台</label>
<input class="input" id="nf-gate" name="gate"
value="<?= e(old('gate', $n['gate'] ?? '')) ?>" placeholder="如：T3 登机口 B12">
value="<?= e(old('carrier', $n['carrier'] ?? '')) ?>" placeholder="如：中国铁路、国航">
</div>
<?php /* ---- 起点 / 终点（TripLog 的 start/end_location）---- */ ?>
<?php /* ---- 出发地 / 到达地：高德联想 + 详细地址（用户第 17 批 第 3 条）----
用户原话：「出发地和到达地，都用高德地图的接口，记录详细地址」。 */ ?>
<div class="field">
<label for="nf-from">出发地</label>
<input class="input" id="nf-from" name="from_place"
value="<?= e(old('from_place', $n['from_place'] ?? '')) ?>" placeholder="如：家里">
<?php $locPrefix = 'from'; $locLabel = '出发地'; $locIcon = '🚩';
$locPlaceholder = '输入地址，如「家里」「青岛北站」'; $locRow = $fromRow;
require __DIR__ . '/_loc_field.php'; ?>
</div>
<div class="field">
<label for="nf-to">到达地</label>
<input class="input" id="nf-to" name="to_place"
value="<?= e(old('to_place', $n['to_place'] ?? '')) ?>" placeholder="如：青岛北站">
</div>
<div class="field">
<label for="nf-place">地点</label>
<input class="input" id="nf-place" name="place"
value="<?= e(old('place', $n['place'] ?? '')) ?>" placeholder="这一段主要在哪（用于统计城市）">
<span class="tip">旅程页上的"去了几个城市"就是按这里统计的。</span>
<?php $locPrefix = 'to'; $locLabel = '到达地'; $locIcon = '🏁';
$locPlaceholder = '输入地址，如「青岛北站」「栈桥」'; $locRow = $toRow;
require __DIR__ . '/_loc_field.php'; ?>
</div>
<div class="field">
@@ -225,40 +234,30 @@ $back = url('trips/show', ['id' => (int)$ev['id']]);
placeholder="这一段发生了什么"><?= e(old('detail', $n['detail'] ?? '')) ?></textarea>
</div>
<?php /* ---- 参与人（+角色，TripLog 的 role_tag）---- */ ?>
<?php /* ---- 参与人：**弹框选人**（用户第 17 批 第 3 条）----
用户原话：「参与人那里，和记录电影人一样，弹框选择，不要全列出来，太多了。
给参与人标注角色这个功能去掉，不要了。」
⚠️ 所以：① 用全站统一的选人组件（_person_picker.php，与观影同一个）；
② **没有**角色输入框了（上一批那个 <details> 折叠区删掉了）。 */ ?>
<div class="field full">
<label>参与的人</label>
<?php if (!$people): ?>
<p class="empty-hint">名册里还没有人。</p>
<?php else: ?>
<div class="nf-members">
<?php foreach ($people as $p): ?>
<?php $pid = (int)$p['id']; ?>
<label class="check-item">
<input type="checkbox" name="members[]" value="<?= $pid ?>"
<?= in_array($pid, $picked, true) ? 'checked' : '' ?>>
<span><?= e(person_name($p)) ?></span>
</label>
<?php endforeach; ?>
</div>
<details class="role-set">
<summary class="link-quiet">给参与的人标个角色（可选）</summary>
<div class="role-grid">
<?php foreach ($people as $p): ?>
<?php $pid = (int)$p['id']; ?>
<div class="role-row">
<span class="role-who"><?= e(person_name($p)) ?></span>
<input class="input" name="roles[<?= $pid ?>]" maxlength="30"
value="<?= e($roles[$pid] ?? '') ?>" placeholder="如：司机 / 摄影">
</div>
<?php endforeach; ?>
</div>
<span class="tip">不填也没关系；填了会显示在那个人名字旁边。</span>
</details>
<?php
$ppName = 'members[]';
$ppPeople = $people;
$ppSelected = $picked;
$ppMode = 'multi';
$ppOpenBtn = '+ 添加参与的人';
$ppTitle = '这一段里有谁';
$ppTip = '不勾 = 这段没单独记参与人（旅程页仍会按各段汇总）。';
require __DIR__ . '/../_person_picker.php';
?>
<?php endif; ?>
</div>
<?php /* ---- 照片（用户第 3 条：图片视频都针对一次具体行程）---- */ ?>
<?php /* ---- 照片（用户第 16 批 第 3 条：图片视频都针对一次具体行程）---- */ ?>
<div class="field full">
<label for="nf-photo">这一段行程的照片</label>
<?php if ($isEdit && !empty($n['attachs'])): ?>
@@ -295,7 +294,7 @@ $back = url('trips/show', ['id' => (int)$ev['id']]);
</div>
<?php /* ==================== 花销（只在编辑时出现）====================
用户第 2 条要"一共花了多少钱"、本次确认「行程级花销记录」。
用户第 2 条要"一共花了多少钱"、第 16 批确认「行程级花销记录」。
⚠️ 新增时不给花销面板：那时行程 id 还不存在，花销挂不上（先存行程再加花销，
少一种"提交了但没存上"的状态）。 */ ?>
<?php if ($isEdit): ?>
@@ -361,4 +360,119 @@ $back = url('trips/show', ['id' => (int)$ev['id']]);
</div>
</form>
</div>
<?php endif; ?>
<?php endif; ?>
<?php /* ==================== 高德 SDK（按需加载，与 TripLog 同一套做法）====================
⚠️ SDK 加载**失败也必须能用**：文本框就是普通输入框，用户手敲地名照样能存。
所以这段脚本里所有 AMap 的用法都放在 `__AMAP_LOADED` 判断之后，
并且给"搜索这个地名"兜底链接单独一条路径（不依赖 SDK）。 */ ?>
<?php if ($amap['key'] !== ''): ?>
<script>
window._AMapSecurityConfig = { securityJsCode: '<?= e($amap['security']) ?>' };
window.__AMAP_LOADED = false;
</script>
<script src="https://webapi.amap.com/maps?v=2.0&key=<?= e($amap['key']) ?>&plugin=AMap.AutoComplete"
onload="window.__AMAP_LOADED = true;"
onerror="window.__AMAP_ERROR = 'script load failed';"></script>
<?php endif; ?>
<script>
/* ============================================================
地址联想（v24 第 17 批 用户第 3 条）
照 TripLog 的做法：AMap.AutoComplete 直接挂在 input 上，边打边出候选；
选中后把 name / address / lng / lat / city **同时**写进五个字段。
⚠️ 高德没加载时整个块跳过，input 仍是普通文本框（降级可用）。
⚠️ 用 IIFE 包起来：这个页面只有一份表单，但函数名别污染全局
（app.js 里也有通用初始化，命名撞了会互相覆盖）。
============================================================ */
(function () {
'use strict';
function bindLoc(prefix) {
var input = document.getElementById('loc-' + prefix + '-input');
if (!input) { return; }
var wrap = input.closest('.loc-field');
if (!wrap) { return; }
var fAddr = wrap.querySelector('input[name="' + prefix + '_addr"]');
var fLng = wrap.querySelector('input[name="' + prefix + '_lng"]');
var fLat = wrap.querySelector('input[name="' + prefix + '_lat"]');
var fCity = wrap.querySelector('input[name="' + prefix + '_city"]');
var dTail = wrap.querySelector('[data-loc-detail]');
var navEl = wrap.querySelector('[data-loc-nav]');
/* 人选完之后（或手敲完）更新"详细地址"那行字与导航链接。
导航链接用高德 URI API —— **没有 SDK 也能用**，所以不放在 __AMAP_LOADED 里。 */
function paint() {
var name = input.value.trim();
var addr = fAddr ? fAddr.value : '';
var lng = fLng ? fLng.value : '';
var lat = fLat ? fLat.value : '';
if (dTail) { dTail.textContent = (addr && addr !== name) ? addr : ''; }
if (navEl) {
if (lng !== '' && lat !== '') {
navEl.href = 'https://uri.amap.com/navigation?to=' + encodeURIComponent(lng + ',' + lat + (name ? ',' + name : ''))
+ '&mode=car&policy=1&coordinate=gaode&callnative=1';
navEl.hidden = false;
} else if (name !== '') {
navEl.href = 'https://uri.amap.com/search?keyword=' + encodeURIComponent(name);
navEl.hidden = false;
} else {
navEl.hidden = true;
}
}
}
// 手敲也要更新（用户可能不用联想，直接打字）
input.addEventListener('change', paint);
input.addEventListener('blur', paint);
if (!window.__AMAP_LOADED || typeof AMap === 'undefined' || !AMap.AutoComplete) {
return; /* 降级：没有联想，但输入与保存都正常 */
}
try {
var ac = new AMap.AutoComplete({ input: input });
ac.on('select', function (e) {
var d = (e && e.poi) ? e.poi : null;
if (!d) { return; }
var loc = d.location || null; // 可能是 AMap.LngLat，也可能是 {lng,lat}
var lng = loc ? (loc.lng !== undefined ? loc.lng : (loc.getLng ? loc.getLng() : '')) : '';
var lat = loc ? (loc.lat !== undefined ? loc.lat : (loc.getLat ? loc.getLat() : '')) : '';
if (fAddr) { fAddr.value = d.address || ''; }
if (fLng) { fLng.value = (lng === null || lng === undefined) ? '' : lng; }
if (fLat) { fLat.value = (lat === null || lat === undefined) ? '' : lat; }
/* 高德把城市放在 addressComponent / pname+cityname 上 —— 尽量带回城市，
省掉服务端一次逆地理请求（用户第 1 条要的就是城市）。 */
if (fCity) {
if (d.addressComponent && d.addressComponent.city) {
fCity.value = d.addressComponent.city;
} else if (d.cityname) {
fCity.value = d.cityname;
} else {
fCity.value = '';
}
}
paint();
});
} catch (err) {
/* SDK 已加载但初始化失败（key 没绑域名等）—— 静默降级，不打扰用户 */
}
}
bindLoc('from');
bindLoc('to');
/* 出行方式 → 显隐车辆 / 车次（用户第 17 批 第 3 条） */
var modeSel = document.querySelector('[data-mode-select]');
if (modeSel) {
var vehBox = document.querySelector('[data-mode-vehicle]');
var tikBox = document.querySelector('[data-mode-ticket]');
var DRIVE = ['drive']; // 与 Trip::DRIVE_MODES 一致
var TICKET = ['train', 'plane']; // 与 Trip::TICKET_MODES 一致
var sync = function () {
var v = modeSel.value;
if (vehBox) { vehBox.hidden = DRIVE.indexOf(v) === -1; }
if (tikBox) { tikBox.hidden = TICKET.indexOf(v) === -1; }
};
modeSel.addEventListener('change', sync);
sync();
}
})();
</script>
templates/trips/show.php
+35 -16
View File
@@ -75,7 +75,10 @@ $groupMeta = [
⚠️ 第 1 条：「题图应该按照 16:9 显示，因为添加的时候，是按照这个比例裁剪的，
现在的显示比例不对」—— 之前 CSS 写的是 4:3，把 16:9 的图裁掉两边。
16:9 这个数字与 ImageSlot 里 cover 槽位的比例**必须一致**，
部署断言里有一条专门比对它。 */ ?>
部署断言里有一条专门比对它。
⚠️ 第 17 批 第 4 条：「旅程详情页面，图片右侧显示的是**聚合的城市**，
而不是终点地址。」—— 城市来自 `Trip::cities()`（出发地 ∪ 到达地，去重），
见 summary() → cities()。 */ ?>
<div class="card card-pad trip-hero">
<div class="trip-hero-cover">
<?php if (!empty($t['cover_key'])): ?>
@@ -178,7 +181,10 @@ foreach ($bysStage as $lst) { $shown += count($lst); }
<?php foreach ($list as $n): ?>
<?php
$nid = (int)$n['id'];
$span = \App\Trip::formatSpan($n['starts_at'] ?? null, $n['ends_at'] ?? null);
// ⚠️ 第 17 批 第 4 条末：「行程中，时间明明具体到了时分秒，怎么不显示？」
// → 行程行改用 nodeSpan()（精确到时分），**不再**用只到日期的 formatSpan()。
// formatSpan 那个精度是给"旅程"（容器）用的。
$span = \App\Trip::nodeSpan($n['starts_at'] ?? null, $n['ends_at'] ?? null);
$mode = (string)($n['travel_mode'] ?? '');
$spent = (int)($n['spent_cents'] ?? 0);
?>
@@ -194,9 +200,6 @@ foreach ($bysStage as $lst) { $shown += count($lst); }
<?php if ((int)($n['revision_n'] ?? 0) > 0): ?>
<span class="rev-badge" title="已修正过多次">已修正 <?= (int)$n['revision_n'] ?> 次</span>
<?php endif; ?>
<?php if (!empty($n['place'])): ?>
<span class="node-place">📍 <?= e((string)$n['place']) ?></span>
<?php endif; ?>
<?php if ($mode !== ''): ?>
<span class="node-mode"><?= e(\App\Trip::modeIcon($mode)) ?> <?= e(\App\Trip::modeWord($mode)) ?></span>
<?php endif; ?>
@@ -209,14 +212,15 @@ foreach ($bysStage as $lst) { $shown += count($lst); }
</div>
<?php endif; ?>
<?php /* 交通细节（TripLog 同款）：只显示**填过的**那几个，没填就不占地方 */ ?>
<?php /* 交通细节：**只保留**「线路名 / 车次航班号 / 承运方」。
⚠️ 第 17 批 第 3 条明确「座位什么的不记录了」→
座位 / 车厢、登机口 / 站台**不再出现在这里**
（数据库那两列还留着老数据，只是不再展示）。 */ ?>
<?php
$traffic = [];
if (!empty($n['line_name'])) { $traffic[] = (string)$n['line_name']; }
if (!empty($n['trip_no'])) { $traffic[] = (string)$n['trip_no']; }
if (!empty($n['carrier'])) { $traffic[] = (string)$n['carrier']; }
if (!empty($n['seat_info'])) { $traffic[] = '座位 ' . (string)$n['seat_info']; }
if (!empty($n['gate'])) { $traffic[] = '登机口/站台 ' . (string)$n['gate']; }
?>
<?php if ($traffic): ?>
<div class="node-traffic">
@@ -224,9 +228,27 @@ foreach ($bysStage as $lst) { $shown += count($lst); }
</div>
<?php endif; ?>
<?php /* 出发地 → 到达地（第 17 批 第 3 条要记详细地址；
这里显示地点名，详细地址放 title 里悬停可见 + 带导航链接）。 */ ?>
<?php if (!empty($n['from_place']) || !empty($n['to_place'])): ?>
<div class="node-route-line">
<?= e((string)($n['from_place'] ?? '—')) ?> <span class="arrow">→</span> <?= e((string)($n['to_place'] ?? '—')) ?>
<?php
$navFrom = \App\Geo::navUrl($n['from_lng'] ?? null, $n['from_lat'] ?? null, (string)($n['from_place'] ?? ''));
$navTo = \App\Geo::navUrl($n['to_lng'] ?? null, $n['to_lat'] ?? null, (string)($n['to_place'] ?? ''));
?>
<?php if ($navFrom !== ''): ?>
<a href="<?= e($navFrom) ?>" target="_blank" rel="noopener"
title="<?= e((string)($n['from_addr'] ?? '')) ?>"><?= e((string)$n['from_place']) ?></a>
<?php else: ?>
<?= e((string)($n['from_place'] ?? '—')) ?>
<?php endif; ?>
<span class="arrow">→</span>
<?php if ($navTo !== ''): ?>
<a href="<?= e($navTo) ?>" target="_blank" rel="noopener"
title="<?= e((string)($n['to_addr'] ?? '')) ?>"><?= e((string)$n['to_place']) ?></a>
<?php else: ?>
<?= e((string)($n['to_place'] ?? '—')) ?>
<?php endif; ?>
</div>
<?php endif; ?>
@@ -238,15 +260,12 @@ foreach ($bysStage as $lst) { $shown += count($lst); }
<div class="node-spent">💰 这一段花了 <?= e(\App\Expense::money($spent)) ?></div>
<?php endif; ?>
<?php /* ⚠️ 第 17 批 第 3 条：「给参与人标注角色这个功能去掉，不要了。」
所以这里**不再渲染** role_tag（数据库里老数据的角色还在，只是不显示）。 */ ?>
<?php if (!empty($n['members'])): ?>
<div class="trip-people">
<?php foreach ($n['members'] as $mm): ?>
<span class="node-member">
<?= person_chip($mm) ?>
<?php if (!empty($mm['role_tag'])): ?>
<span class="node-role"><?= e((string)$mm['role_tag']) ?></span>
<?php endif; ?>
</span>
<?= person_chip($mm) ?>
<?php endforeach; ?>
</div>
<?php endif; ?>
@@ -272,7 +291,7 @@ foreach ($bysStage as $lst) { $shown += count($lst); }
<?php foreach ($n['revisions'] as $rv): ?>
<tr>
<td><?= (int)$rv['seq'] === 1 ? '原计划' : '第 ' . ((int)$rv['seq'] - 1) . ' 次修正' ?></td>
<td class="small"><?= e(\App\Trip::formatSpan($rv['starts_at'] ?? null, $rv['ends_at'] ?? null)) ?></td>
<td class="small"><?= e(\App\Trip::nodeSpan($rv['starts_at'] ?? null, $rv['ends_at'] ?? null)) ?></td>
<td><?= e((string)($rv['place'] ?? '')) ?></td>
<td class="small"><?= e((string)($rv['detail'] ?? '')) ?></td>
</tr>
templates/trips/vehicles.php
+14 -39
View File
@@ -1,20 +1,24 @@
<?php
/**
* 车辆管理（v24 第 16 批 用户第 8 条）。
* 车辆管理（v24 第 16 批 用户第 8 条；第 17 批 第 3 条改）。
*
* 用户原话：「注意，我们在财务中，已经把车辆添加进去了，所以这里不用重复添加
* 那里面的车辆，直接读取就可以，但是可以添加其他的车辆，
* 比如租的车，借别人的车。」
* 用户原话（第 16 批 第 8 条）：
* 「增加一个设置按钮，用来设置车辆管理、出行方式、节点类型。
* 注意，我们在财务中，已经把车辆添加进去了…但是可以添加其他的车辆，
* 比如租的车，借别人的车。」
*
* 所以这一页有两块：
* ① **财务里已登记的车**（只读）—— 只列出来，不给改不给删（那是财务的数据）；
* ② **出行用的车**（本表）—— 自家 / 租的 / 借的，可增删改。
* 用户原话（**第 17 批 第 3 条 —— 本次，推翻上一批的做法**）：
* 「车辆下拉框，**不需要出现什么财务里登记的车**，只把车辆列出来就行了。」
*
* ⚠️ 所以这一页现在**只有一块**：「出行用的车」（自家 / 租的 / 借的）。
* 原来那块「财务里已登记的车」整块删掉了 —— 财务里的 kind=car 是**资产账目**
* （"这台车值多少钱"），它没有车牌车型，混进选车列表只会让人发懵。
* `Vehicle::fromLedger()` 方法保留在模型层（将来按车统计油费/保养还要用它
* 跟 `vehicles.ledger_id` 对上），但**不再被任何界面调用**。
*
* @param array $ledger Vehicle::fromLedger() 的结果（只读）
* @param array $mine Vehicle::all() 的结果
*/
$canWrite = \App\Auth::canWrite();
$ledger = $ledger ?? [];
$mine = $mine ?? [];
$back = url('trips');
?>
@@ -27,39 +31,10 @@ $back = url('trips');
</div>
</div>
<?php /* ---- ① 来自财务的车（只读引用）---- */ ?>
<div class="card card-pad">
<h2 class="cinema-h2">
财务里已登记的车
<span class="hint">只读 —— 要改请到财务模块</span>
</h2>
<?php if (!$ledger): ?>
<p class="empty-hint">
财务里还没有登记车子。到「财务 → 记一笔」里把车子作为一项资产记下来，
这里就会自动出现（<b>不必在这里重复添加</b>）。
</p>
<?php else: ?>
<ul class="veh-list">
<?php foreach ($ledger as $v): ?>
<li class="veh-row veh-ro">
<span class="veh-ico">🚗</span>
<span class="veh-name"><?= e((string)$v['name']) ?></span>
<span class="veh-tag">来自财务</span>
</li>
<?php endforeach; ?>
</ul>
<p class="small muted">
这些是财务里的**资产记录**（有一台车值多少钱），不一定有车牌与车型。
出行要选车时它们也会出现在下拉里，标着「来自财务」。
</p>
<?php endif; ?>
</div>
<?php /* ---- ② 出行用的车（本表）---- */ ?>
<div class="card card-pad">
<h2 class="cinema-h2">
出行用的车
<span class="hint">自家车可以录一台方便选；租的车、借的车录在这里</span>
<span class="hint">自家车录一台方便选；租的车、借的车也录在这里</span>
</h2>
<?php if ($mine): ?>